提交
This commit is contained in:
@ -0,0 +1,44 @@
|
||||
.imagesize{
|
||||
width: 100%;
|
||||
}
|
||||
.kechengbox{
|
||||
width: 48%;
|
||||
height: 200px;
|
||||
box-shadow: 0 6rpx 20rpx rgba(0, 0, 0, 0.08);
|
||||
background-color: #ffffff;
|
||||
border-radius: 10rpx;
|
||||
overflow: hidden;
|
||||
}
|
||||
.imagebox{
|
||||
width: 100%;
|
||||
height: 70%;
|
||||
}
|
||||
.images{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.shengxiabox{
|
||||
width: 100%;
|
||||
height: 30%;
|
||||
}
|
||||
.textboxs{
|
||||
width: 100%;
|
||||
height: 50%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.textboxx{
|
||||
width: 100%;
|
||||
height: 50%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.box{
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
gap: 16rpx;
|
||||
margin-bottom: 100rpx;
|
||||
}
|
@ -0,0 +1,19 @@
|
||||
<view>
|
||||
<image class="imagesize" mode="aspectFill" src="https://tse4-mm.cn.bing.net/th/id/OIP-C.bjR-KesW-5zWpul0jVBGBwAAAA?rs=1&pid=ImgDetMain&cb=idpwebp1&o=7&rm=3" />
|
||||
</view>
|
||||
<view class="box">
|
||||
<view class="kechengbox" a:for="{{ shopping }}" onTap="tiaozhuan">
|
||||
<view class="imagebox">
|
||||
<image class="images" mode="aspectFill" src="https://tse4-mm.cn.bing.net/th/id/OIP-C.bjR-KesW-5zWpul0jVBGBwAAAA?rs=1&pid=ImgDetMain&cb=idpwebp1&o=7&rm=3" />
|
||||
</view>
|
||||
<view class="shengxiabox">
|
||||
<view class="textboxs">
|
||||
<text style="margin-left:10rpx">{{item.name}}</text>
|
||||
</view>
|
||||
<view class="textboxx">
|
||||
<text style="padding:5px">{{item.time}}</text>
|
||||
<text style="padding:5px">¥{{item.price}}</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
@ -0,0 +1,27 @@
|
||||
Page({
|
||||
data: {
|
||||
messageshop: [
|
||||
{ name: '红枣夹核桃 500g 坚果大礼包', image: '/image/logo.png', price: 65, oldPrice: 99 },
|
||||
{ name: '新疆大枣 1000g 优选原产地', image: '/image/logo.png', price: 48, oldPrice: 78 },
|
||||
{ name: '每日坚果混合果仁干果套餐', image: '/image/logo.png', price: 88, oldPrice: 129 },
|
||||
{ name: '每日坚果混合果仁干果套餐', image: '/image/logo.png', price: 88, oldPrice: 129 },
|
||||
{ name: '每日坚果混合果仁干果套餐', image: '/image/logo.png', price: 88, oldPrice: 129 },
|
||||
],
|
||||
shopping:[
|
||||
{ name:'2025认证美甲师培训',time:'共12周',price:'122'},
|
||||
{ name:'2025认证美甲师培训',time:'共12周',price:'122'},
|
||||
{ name:'2025认证美甲师培训',time:'共12周',price:'122'},
|
||||
{ name:'2025认证美甲师培训',time:'共12周',price:'122'},
|
||||
{ name:'2025认证美甲师培训',time:'共12周',price:'122'},
|
||||
{ name:'2025认证美甲师培训',time:'共12周',price:'122'},
|
||||
{ name:'2025认证美甲师培训',time:'共12周',price:'122'},
|
||||
{ name:'2025认证美甲师培训',time:'共12周',price:'122'},
|
||||
]
|
||||
},
|
||||
onLoad() {},
|
||||
tiaozhuan(){
|
||||
my.navigateTo({
|
||||
url:'/pages/kechengxiangqing/kechengxiangqing'
|
||||
})
|
||||
}
|
||||
});
|
@ -0,0 +1,9 @@
|
||||
{
|
||||
"defaultTitle": "美甲师培训",
|
||||
"usingComponents": {
|
||||
"ant-date-picker": "antd-mini/es/DatePicker/index",
|
||||
"ant-cascader-picker": "antd-mini/es/Picker/CascaderPicker/index",
|
||||
"ant-list-item": "antd-mini/es/List/ListItem/index"
|
||||
},
|
||||
"styleIsolation": "apply-shared"
|
||||
}
|
Reference in New Issue
Block a user