Merge remote-tracking branch 'origin/dev' into dev
This commit is contained in:
commit
2dca906482
@ -48,7 +48,7 @@
|
|||||||
</view>
|
</view>
|
||||||
<!-- 弹框 -->
|
<!-- 弹框 -->
|
||||||
<view class="frame">
|
<view class="frame">
|
||||||
<u-popup v-model="show" mode="bottom" length="50%" border-radius="14">
|
<u-popup v-model="show" mode="bottom" length="50%" border-radius="30">
|
||||||
<view class="payment">
|
<view class="payment">
|
||||||
<span>请选择支付方式</span>
|
<span>请选择支付方式</span>
|
||||||
<view class="cencel" @tap="show = false">
|
<view class="cencel" @tap="show = false">
|
||||||
@ -104,10 +104,6 @@
|
|||||||
|
|
||||||
}
|
}
|
||||||
.app {
|
.app {
|
||||||
background-color: #F4F5F7;
|
|
||||||
width: 100%;
|
|
||||||
height: 100vh;
|
|
||||||
position: relative;
|
|
||||||
padding: 3%;
|
padding: 3%;
|
||||||
|
|
||||||
// 信息填写
|
// 信息填写
|
||||||
@ -252,6 +248,6 @@
|
|||||||
color: #FFFFFF;
|
color: #FFFFFF;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
margin-top: 40%;
|
margin-top: 25%;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@ -1,7 +1,17 @@
|
|||||||
<template>
|
<template>
|
||||||
<view class="app">
|
<view class="app">
|
||||||
<view class="productlist">
|
<view class="productlist">
|
||||||
<view class="item" @tap='goCommodityDetails'>
|
<view class="item" @tap='goCommodityDetails' v-for="(item,index) in goodsList" :key="index">
|
||||||
|
<!-- <image src="../../static/shoppingcs.png" mode=""></image> -->
|
||||||
|
<image :src="baseUrl + item.goodsPictureUrl" mode=""></image>
|
||||||
|
<view class="title">
|
||||||
|
{{item.goodsName}}
|
||||||
|
</view>
|
||||||
|
<view class="price">
|
||||||
|
¥{{item.goodsPrice}}
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<!-- <view class="item">
|
||||||
<image src="../../static/shoppingcs.png" mode=""></image>
|
<image src="../../static/shoppingcs.png" mode=""></image>
|
||||||
<view class="title">
|
<view class="title">
|
||||||
燕麦麸皮 1盒
|
燕麦麸皮 1盒
|
||||||
@ -27,25 +37,24 @@
|
|||||||
<view class="price">
|
<view class="price">
|
||||||
¥42.9
|
¥42.9
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view> -->
|
||||||
<view class="item">
|
|
||||||
<image src="../../static/shoppingcs.png" mode=""></image>
|
|
||||||
<view class="title">
|
|
||||||
燕麦麸皮 1盒
|
|
||||||
</view>
|
|
||||||
<view class="price">
|
|
||||||
¥42.9
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
import {
|
||||||
|
goodsList
|
||||||
|
} from '@/api/ProductList/ProductList.js';
|
||||||
|
import baseurl from '@/api/baseurl.js'
|
||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
title: '医路优品', //导航栏标题
|
title: '医路优品', //导航栏标题
|
||||||
|
pageNum: 1,
|
||||||
|
pageSize: 999,
|
||||||
|
goodsCategoryId:"",
|
||||||
|
goodsList:[],
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
onReady() {
|
onReady() {
|
||||||
@ -56,9 +65,17 @@
|
|||||||
},
|
},
|
||||||
onLoad(options) {
|
onLoad(options) {
|
||||||
//获取传值
|
//获取传值
|
||||||
|
console.log(options)
|
||||||
this.title = options.title
|
this.title = options.title
|
||||||
|
this.goodsListinfo()
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
goodsListinfo(){
|
||||||
|
goodsList(this.pageSize, this.pageNum,this.goodsCategoryId).then(res => {
|
||||||
|
this.goodsList = res.data
|
||||||
|
console.log(this.goodsCategoryList)
|
||||||
|
})
|
||||||
|
},
|
||||||
//跳转详情页
|
//跳转详情页
|
||||||
goCommodityDetails() {
|
goCommodityDetails() {
|
||||||
uni.navigateTo({
|
uni.navigateTo({
|
||||||
|
|||||||
@ -7,9 +7,34 @@
|
|||||||
</view>
|
</view>
|
||||||
|
|
||||||
</view>
|
</view>
|
||||||
<view class="evaluate">
|
<view class="evaluate" @tap="show=true">
|
||||||
<text>评价</text>
|
<text>评价</text>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
|
<!-- 弹框 -->
|
||||||
|
<view class="frame">
|
||||||
|
<u-popup v-model="show" mode="bottom" length="65%" border-radius="30">
|
||||||
|
|
||||||
|
<view class="cencel" @tap="show = false">
|
||||||
|
<image src="../../static/gb.png" mode=""></image>
|
||||||
|
</view>
|
||||||
|
<view class="satisfied">
|
||||||
|
<view class="satisfieds">
|
||||||
|
满意
|
||||||
|
</view>
|
||||||
|
<view class="commonly">
|
||||||
|
一般
|
||||||
|
</view>
|
||||||
|
<view class="commonly">
|
||||||
|
不满意
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="submit">
|
||||||
|
提交
|
||||||
|
</view>
|
||||||
|
</u-popup>
|
||||||
|
</view>
|
||||||
|
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
@ -17,7 +42,7 @@
|
|||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
show:false
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
@ -28,10 +53,7 @@
|
|||||||
|
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
.app {
|
.app {
|
||||||
background-color: #F4F5F7;
|
|
||||||
width: 100%;
|
|
||||||
height: 100vh;
|
|
||||||
position: relative;
|
|
||||||
padding: 3%;
|
padding: 3%;
|
||||||
.advice {
|
.advice {
|
||||||
width: 95%;
|
width: 95%;
|
||||||
@ -69,8 +91,61 @@
|
|||||||
color: #FFFFFF;
|
color: #FFFFFF;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
float: right;
|
float: right;
|
||||||
margin-top: 140rpx;
|
margin-top: 12%;
|
||||||
|
// margin-bottom: 30rpx;
|
||||||
margin-right: 30rpx;
|
margin-right: 30rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// 弹框
|
||||||
|
|
||||||
|
.cencel image {
|
||||||
|
width: 31rpx;
|
||||||
|
height: 31rpx;
|
||||||
|
// float: right;
|
||||||
|
margin: 53rpx 53rpx 0rpx 90%;
|
||||||
|
|
||||||
|
}
|
||||||
|
.satisfied{
|
||||||
|
// width: 217px;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-around;
|
||||||
|
border-radius: 25rpx;
|
||||||
|
margin-top: 15%;
|
||||||
|
|
||||||
|
// padding-right: 5rpx;
|
||||||
|
.satisfieds{
|
||||||
|
width: 217rpx;
|
||||||
|
height: 222rpx;
|
||||||
|
line-height: 222rpx;
|
||||||
|
background: #4C7BC9;
|
||||||
|
border-radius: 25rpx;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 50rpx;
|
||||||
|
color: #FCFCFC;
|
||||||
|
}
|
||||||
|
|
||||||
|
.commonly{
|
||||||
|
width: 217rpx;
|
||||||
|
height: 222rpx;
|
||||||
|
line-height: 222rpx;
|
||||||
|
background: #BFBFBF;
|
||||||
|
border-radius: 25rpx;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 50rpx;
|
||||||
|
color: #FCFCFC;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.submit{
|
||||||
|
margin: 0 auto;
|
||||||
|
width: 501rpx;
|
||||||
|
height: 71rpx;
|
||||||
|
line-height: 71rpx;
|
||||||
|
background: #4C7BC9;
|
||||||
|
border-radius: 26rpx;
|
||||||
|
font-size: 34rpx;
|
||||||
|
color: #FFFFFF;
|
||||||
|
text-align: center;
|
||||||
|
margin-top: 20%;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@ -1,19 +1,17 @@
|
|||||||
<template>
|
<template>
|
||||||
<view class="app">
|
<view class="app">
|
||||||
<view class="cards">
|
<view class="cards">
|
||||||
<view class="item" style="background-color: #00C176;" @tap='goProductList(1)'>
|
<view class="item" :style="{background:listcolor[index]}" @tap='goProductList(item)'
|
||||||
<image src="../../static/sp.png" mode=""></image>
|
v-for="(item,index) in goodsCategoryList" :key="index">
|
||||||
|
<!-- <image src="../../static/sp.png" mode=""></image> -->
|
||||||
|
<image :src="item.goodsCatrgoryPicture" mode=""></image>
|
||||||
<view class="title">
|
<view class="title">
|
||||||
特医食品
|
{{item.goodsCategoryName}}
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class=" item" style="background-color: #D43953;">
|
<view class=" item">
|
||||||
<image src="../../static/yyss.png" mode=""></image>
|
|
||||||
<view class="title">
|
|
||||||
营养膳食
|
|
||||||
</view>
|
|
||||||
</view>
|
</view>
|
||||||
<view class="item" style="background-color: #E1AE3C;">
|
<!-- <view class="item" style="background-color: #E1AE3C;">
|
||||||
<image src="../../static/znsb.png" mode=""></image>
|
<image src="../../static/znsb.png" mode=""></image>
|
||||||
<view class="title" style="font-size: 42rpx;">
|
<view class="title" style="font-size: 42rpx;">
|
||||||
可穿戴医疗设备
|
可穿戴医疗设备
|
||||||
@ -24,27 +22,54 @@
|
|||||||
<view class="title" style="font-size: 42rpx;">
|
<view class="title" style="font-size: 42rpx;">
|
||||||
适老化改造
|
适老化改造
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view> -->
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
import {
|
||||||
|
goodsCategoryList
|
||||||
|
} from '@/api/shopping/shopping.js';
|
||||||
|
import baseurl from '@/api/baseurl.js'
|
||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
return {};
|
return {
|
||||||
|
pageNum: 1,
|
||||||
|
pageSize: 999,
|
||||||
|
goodsCategoryList: [],
|
||||||
|
// goodsCategoryId:"",
|
||||||
|
listcolor: ['#00C176', '#D43953', '#E1AE3C', '#4C7BC9', '#00C176'],
|
||||||
|
};
|
||||||
|
},
|
||||||
|
onLoad(options) {
|
||||||
|
this.goodsCategory()
|
||||||
|
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
//跳转到商品列表页面
|
//跳转到商品列表页面
|
||||||
goProductList(number) {
|
goProductList(item) {
|
||||||
if (number == 1) {
|
console.log(item)
|
||||||
var titlename = '特医食品'
|
// if (number == 1) {
|
||||||
uni.navigateTo({
|
// var titlename = '特医食品'
|
||||||
url: `/pages/ProductList/ProductList?title=${titlename}`
|
// uni.navigateTo({
|
||||||
})
|
// url: `/pages/ProductList/ProductList?title=${titlename}&goodsCategoryId=${this.id}`
|
||||||
}
|
// })
|
||||||
|
// }
|
||||||
|
uni.navigateTo({
|
||||||
|
url: `/pages/ProductList/ProductList?title=${item.goodsCategoryName}&goodsCategoryId=${item.id}`
|
||||||
|
})
|
||||||
|
|
||||||
},
|
},
|
||||||
|
//获取商城信息
|
||||||
|
goodsCategory() {
|
||||||
|
goodsCategoryList(this.pageSize, this.pageNum, ).then(res => {
|
||||||
|
res.data.forEach(e => {
|
||||||
|
e.goodsCatrgoryPicture = baseurl + e.goodsCatrgoryPicture
|
||||||
|
})
|
||||||
|
this.goodsCategoryList = res.data
|
||||||
|
})
|
||||||
|
}
|
||||||
},
|
},
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
@ -56,6 +81,6 @@
|
|||||||
// height: 100vh;
|
// height: 100vh;
|
||||||
// position: relative;
|
// position: relative;
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user