1. Создайте папку common/comp и скопируйте в неё файлы colorText.css, colorText.hml и colorText.js
2. В index.hml импортируйте компонент <color-text></color-text>, передав контент из index.js
<element name="color-text" src="../../common/comp/colorText.hml"></element>
<div class="container">
<color-text content="{{ content }}"></color-text>
</div>
3. В index.js передайте необходимый текст с помощью this.$child("colorText").findAndSetStrColor(), чтобы установить цвет для указанного текста
export default {
data: {
/*Отображаемый текст*/
content: `Вы можете получить 500 кредитов после подключения и распространения Wi-Fi`,
},
onShow(){
/*Вызов метода установки цвета в дочернем компоненте*/
this.$child("colorText").findAndSetStrColor('Вы', '#ff8000')
this.$child("colorText").findAndSetStrColor('можете', '#008888')
this.$child("colorText").findAndSetStrColor('500', '#98fb98')
this.$child("colorText").findAndSetStrColor('Wi-Fi', '#ff0000')
}
}
Проект можно запустить непосредственно в SDK6, DevEco Studio2.2 Beta1. Если проект не запускается, удалите файлы .gradle, .idea, build, gradle, build.gradle и создайте новый проект, скопировав соответствующие файлы в корневую директорию.## Пример использования
Код проверен CodeCheck, CloudTest, прошёл проверку безопасности на наличие вирусов.
Функционал текущей версии демонстрационного примера практически не отличается от оригинального компонента.
Copyright 2016 zhonghanwen
Лицензировано по лицензии Apache License, Version 2.0 («Лицензия»);
вы не можете использовать этот файл, кроме как в соответствии с Лицензией.
Вы можете получить копию Лицензии по адресу
http://www.apache.org/licenses/LICENSE-2.0
Кроме случаев, предусмотренных действующим законодательством или письменно согласованного, программное обеспечение,
распределённое по Лицензии, предоставляется «как есть», без гарантий или условий какого-либо рода, явных или подразумеваемых.
Смотрите Лицензию за спецификациями языка, регулирующие права и условия использования данного программного обеспечения.
Вы можете оставить комментарий после Вход в систему
Неприемлемый контент может быть отображен здесь и не будет показан на странице. Вы можете проверить и изменить его с помощью соответствующей функции редактирования.
Если вы подтверждаете, что содержание не содержит непристойной лексики/перенаправления на рекламу/насилия/вульгарной порнографии/нарушений/пиратства/ложного/незначительного или незаконного контента, связанного с национальными законами и предписаниями, вы можете нажать «Отправить» для подачи апелляции, и мы обработаем ее как можно скорее.
Комментарии ( 0 )