目录
1.我们利用Vant组件库来制作我的个人信息 页面:Vant Weapp - 轻量、可靠的小程序 UI 组件库
5.在index.wxml里写入一个按钮,在index.wxss中写按钮的样式
7.2 在index.wxml中利用{ {title}}来接住me.wxml里title传递过来的值,这样页面就有效果了
index.wxml中border-radius运用三目判断点击购买是否会变成胶囊按钮
一、自定义组件的运用
1.我们利用Vant组件库来制作我的个人信息 页面:Vant Weapp - 轻量、可靠的小程序 UI 组件库
2.注意先看文档:快速上手,和自定义组件介绍页面
3.在Components文件夹下新建文件夹取名叫mybutton
4.在mybutton文件夹下新建Component 取名叫index
会自动创建组件index 4件套
在js中page开头的是页面 component开头的是组件
5.在index.wxml里写入一个按钮,在index.wxss中写按钮的样式
5.1 在index.wxml里写入一个按钮
<view class="button">默认按钮</view>
5.2在index.wxss中写按钮的样式
.button{
display: inline-block;
padding: 20rpx 25rpx;
background-color: crimson;
color: white;
}
5.3在pages下创建me文件页面
6.在me.json和me.wxml中引用自定义组件
6.1在me.json
{
"usingComponents": {
"my-button":"