uni-app教程二（微信开发者工具运行项目，icon字体使用，组件

line-height: 112rpx;

}

.list .bottom::after {

content: ‘’;

height: 1px;

width: 100%;

display: block;

position: absolute;

bottom: 0;

left: 0;

background-color: #E8ECED;

transform: scaleY(0.5);

}

.list .right text {

font-size: 34rpx;

color: rgba(53,53,54,1);

}

2. 父组件我的页面my.vue，引入自定义组件list.vue，并传参

最终效果：

3. uni-ui的使用

1）uni-ui 是全端兼容的基于flex布局的ui库；

2）可以使用 npm 的安装使用方式，也可下载相关组件直接使用；

3）uni-ui

不支持使用 Vue.use() 的方式安装

4）uni-ui 依赖 scss，若是 HBuilderX 中创建的 uni-app

项目，需要在 HBuilderX 中安装 scss 插件；如果是使用 cli 创建的 uni-app 项目，需要在项目下npm安装node-sass 和 sass-loader