Vue Component
blockquote><!-- this is for the logged in user --> <div id="roommsguser" v-if="roommsg.user_id === user_id"> <p><span> {{ roommsg.message }} </span></p> <p id="roommsgtime"> <i> {{ roommsg.created_at }} </i> </p> </div> <!-- this is for the other user --> <div id="roommsgguest" v-else> <p><span> {{ roommsg.message }} </span></p> <p id="roommsgtime"> <i> {{ roommsg.created_at }} </i> </p> </div>
затем на моем CSS
CSS
blockquote>#roommsguser{ text-align: right; } #roommsguser span{ color: white; padding: 5px; background-color: #0080ff; border-radius: 30px; } #roommsgguest{ text-align: left; } #roommsgguest span{ color: white; padding: 5px; margin: 3px; background-color: #14487C; border-radius: 30px; } #roommsgtime{ font-size: 60%; color: #ececec; }
То есть не уверен, что это лучший способ сделать это, но это работает с моей стороны :)
Примите во внимание, что что-либо в конструкторе формы будет создано/выполнено в этом создание форм. т.е. в:
Кадр формы = новая Форма ();
Принимая во внимание, что что-либо в событии Load произойдет только, когда форму покажут т.е. кадр. Покажите ();
В основном Вы хотите, чтобы Ваш конструктор был максимально легок. Я пытаюсь поместить большинство вещей в обработчик событий Загрузки, поскольку элементы UI были созданы и применимы в это время. Однако я обычно инстанцирую объектов класса и т.д. в конструкторе, поскольку это - на самом деле часть построения объекта. Иногда Вы не можете положить вещи на одно место или другой, но в течение времен, когда Вы можете, необходимо просто поместить их, где это кажется самым соответствующим.
Вызов к InitializeComponent автоматически вставляется в конструктора Вашей формы/страница. InitializeComponent является автоматически сгенерированным методом это
Таким образом, что-либо связанное с расположением/модификациями UI должно следовать за этим вызовом. Когда Вы делаете это в переопределении Формы. OnLoad, Вас уверяют, что UI готов пойти (InitializeComponent назвали)..., таким образом, я буду голосовать за придерживание OnLoad для UI.
Создавая участников неUI, конструктор был бы местом, на которое я сначала посмотрю.