xiaowu-iov-ui-test

智能小程序自定义组件模板

Introduction:

为了方便开发者组件开发，提供一个可用于开发、调试的自定义组件包

Quick Start

安装依赖： npm ci

Use

• 用户组件代码在 src 目录下，通过使用命令辅助开发；
• npm run dev 生成 smartprogram_dev 测试文件
• npm run watch 生成 smartprogram_dev 测试文件并监听文件变化
• npm run clean 清除 smartprogram_dev 测试文件

主题属性

/* 用于全局底层背景色 */
--icolorBackground: #1b1f2b;
/* 用于卡片容器部件，用于表层关键部件 */
--icolorSurface1Gradient: #2d273b, #363c4e;
/* 应用在强调或较为重要的的控件当中，须谨慎使用 */
--icolorPrimaryGradient: #d4a178, #ffe1a4;
/* 应用在常规控件当中，以引导点击为主*/
--icolorSecondary1Gradient: #272d3b, #353c4e;
/* 应用在常规控件当中，用在输入框、搜索框、选项卡等底色 */
--icolorSecondary2: rgba(7, 13, 30, .15);
/* 应用在选择器，开关等底色上 */
--icolorSecondary3: rgba(0, 0, 0, .3);
/* 进度条，loading等底色 */
--icolorTertiary: rgba(255, 255, 255, .3);
/* 应用于支付成功、预订成功、保存成功、优化完成等操作成功 */
--icolorSucceed: #4aceac;
/* 应用于支付失败、保存失败、警示提醒等操作失败及提醒 */
--icolorWarning: #913232;
 
--icolorTextPrimary: #ffffff;
--icolorTextCaption: rgba(255, 255, 255, .5);
--icolorTextHint: #636a7b;
--icolorTextLink: #e5b586;
--icolorTextHighlight: #e5b586;
--icolorTextSucceed: #79eddc;
--icolorTextWarning: #ee4141;
 
/* 用于运营类等一级大标题 */
--ifontsizeH1: 9.33vh;
/* 运营类二级大标题 */
--ifontsizeH2: 7.66vh;
/* 用于常规标题如导航、标题栏 */
--ifontsizeTitle: 6vh;
/* 一级内容、操控类（Tab、弹窗标题、列表标题等 */
--ifontsizeC1: 6vh;
/* 二级内容（二级导航、按钮） */
--ifontsizeC2: 5vh;
/* 三级内容（辅助类文案，列表） */
--ifontsizeC3: 4.66vh;
/* 辅助类文案，比如输入出错提示 */
--ifontsizeCaption1: 4vh;
/* 仅用于标签（谨慎使用） */
--ifontsizeCaption2: 3.33vh;