NurseStationApp/pages/shopping/shopping.vue
2022-10-17 11:21:23 +08:00

62 lines
1.3 KiB
Vue

<template>
<view class="app">
<view class="cards">
<view class="item" style="background-color: #00C176;" @tap='goProductList(1)'>
<image src="../../static/sp.png" mode=""></image>
<view class="title">
特医食品
</view>
</view>
<view class=" item" style="background-color: #D43953;">
<image src="../../static/yyss.png" mode=""></image>
<view class="title">
营养膳食
</view>
</view>
<view class="item" style="background-color: #E1AE3C;">
<image src="../../static/znsb.png" mode=""></image>
<view class="title" style="font-size: 42rpx;">
可穿戴医疗设备
</view>
</view>
<view class="item" style="background: #4C7BC9;">
<image src="../../static/cp.png" mode=""></image>
<view class="title" style="font-size: 42rpx;">
适老化改造
</view>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {};
},
methods: {
//跳转到商品列表页面
goProductList(number) {
if (number == 1) {
var titlename = '特医食品'
uni.navigateTo({
url: `/pages/ProductList/ProductList?title=${titlename}`
})
}
},
},
}
</script>
<style lang="scss">
.app {
// background-color: #F4F5F7;
// width: 100%;
// height: 100vh;
// position: relative;
}
</style>