xinyilu/nurseWeChatAppletUI
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改

Browse Source
This commit is contained in:
曹辉 2023-02-23 14:41:07 +08:00
parent 14ee3aae5d
commit daa557aa4a
2 changed files with 40 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
pages.json
View File

@ -88,7 +88,8 @@
"navigationBarTitleText": "医路优品", "navigationBarTitleText": "医路优品",
"navigationBarBackgroundColor": "#ffffff", "navigationBarBackgroundColor": "#ffffff",
"onReachBottomDistance": 40, //距离底部多远时触发 单位为px "onReachBottomDistance": 40, //距离底部多远时触发 单位为px
"enablePullDownRefresh": true //设置参数为true "enablePullDownRefresh": true ,//设置参数为true
"navigationStyle": "custom"
} }
}, { }, {
"path": "pages/CommodityOrder/CommodityOrder", "path": "pages/CommodityOrder/CommodityOrder",

44
pages/shopping/shopping.vue
View File

@ -1,10 +1,10 @@
<template> <template>
<view class="app"> <view class="app">
<view class="cards"> <view class="card">
<view class="item" :style="{background:listcolor[index % listcolor.length]}" @tap='goProductList(item)' <view class="items" :style="{background:listcolor[index % listcolor.length]}" @tap='goProductList(item)'
v-for="(item,index) in goodsCategoryList" :key="index"> v-for="(item,index) in goodsCategoryList" :key="index">
<image :src="item.goodsCategoryPicture" mode=""></image> <image :src="item.goodsCategoryPicture" mode=""></image>
<view class="title" style="font-size:42rpx"> <view class="titles" style="font-size:42rpx">
{{item.goodsCategoryName}} {{item.goodsCategoryName}}
</view> </view>
</view> </view>
@ -25,7 +25,7 @@
pageSize: 10, //列 pageSize: 10, //列
total: 0, //list总长度 total: 0, //list总长度
goodsCategoryList: [], //商品列表list goodsCategoryList: [], //商品列表list
listcolor: ['#00C176', '#D43953', '#E1AE3C', '#4C7BC9', '#9e4dd0'], //颜色随动 listcolor: ['#E69874', '#09C87E', '#E4B958', '#6592DC', '#EF6A80'] //颜色随动
}; };
}, },
//1.分享给朋友 //1.分享给朋友
@ -110,8 +110,40 @@
<style lang="scss"> <style lang="scss">
.app { .app {
.cards { padding: 165rpx 0 0;
padding: 22px 0 20px 0; background-color: #fff;
.card {
width: 100%;
display: flex;
justify-content: space-evenly;
flex-wrap: wrap;
.items {
width: 45%;
height: 360rpx;
margin-bottom: 40rpx;
z-index: 1;
border-radius: 25rpx;
position: relative;
image {
border-radius: 25rpx;
width: 100%;
height: 100%;
z-index: -1;
}
.titles {
width: 90%;
font-size: 36rpx;
color: #FCFCFC;
position: absolute;
top: 30rpx;
left: 30rpx;
z-index: 999;
}
}
} }
} }
</style> </style>