117 lines
2.1 KiB
Vue
117 lines
2.1 KiB
Vue
<template>
|
|
<view class="app">
|
|
<view class="cards">
|
|
<view class="nursing item" @tap="gosite">
|
|
<image src="../../static/jjhl.png" mode=""></image>
|
|
<view class="title">
|
|
护理站
|
|
</view>
|
|
</view>
|
|
<view class="expert item" @tap='gomedicine'>
|
|
<image src="../../static/zhuanjia.png" mode=""></image>
|
|
<view class="title">
|
|
就医
|
|
</view>
|
|
</view>
|
|
<view class="elderly item" @tap='gono'>
|
|
<image src="../../static/ylfw.png" mode=""></image>
|
|
<view class="title" style="font-size: 40rpx;">
|
|
国家老年病中心
|
|
</view>
|
|
</view>
|
|
<view class="item Bodyguard" @tap='gono'>
|
|
<image src="../../static/pb.png" mode=""></image>
|
|
<view class="title">
|
|
体卫融合
|
|
</view>
|
|
</view>
|
|
<view class="item knowledge" @tap='gono'>
|
|
<image src="../../static/zs.png" mode=""></image>
|
|
<view class="title">
|
|
专病管理
|
|
</view>
|
|
</view>
|
|
<view class='item shopping' @tap="goshopping">
|
|
<image src="../../static/shopping.png" mode=""></image>
|
|
<view class="title">
|
|
商城
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<u-toast ref="uToast" />
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {};
|
|
},
|
|
methods: {
|
|
//暂未开放
|
|
gono() {
|
|
this.$refs.uToast.show({
|
|
title: '暂未开放',
|
|
type: 'error',
|
|
duration: '1000'
|
|
})
|
|
},
|
|
//跳转护理站页面
|
|
gosite() {
|
|
uni.navigateTo({
|
|
url: '/pages/site/site'
|
|
})
|
|
},
|
|
//跳转商城页面
|
|
goshopping() {
|
|
uni.navigateTo({
|
|
url: '/pages/shopping/shopping'
|
|
})
|
|
},
|
|
//跳转就医页面
|
|
gomedicine() {
|
|
this.$refs.uToast.show({
|
|
title: '暂未开放',
|
|
type: 'error',
|
|
duration: '1000'
|
|
})
|
|
// uni.navigateTo({
|
|
// url: '/pages/medicine/medicine'
|
|
// })
|
|
},
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
.app {
|
|
.cards {
|
|
padding: 22px 0 20px 0;
|
|
|
|
.shopping {
|
|
background: #F58540;
|
|
}
|
|
|
|
.Bodyguard {
|
|
background-color: #00C176;
|
|
}
|
|
|
|
.knowledge {
|
|
background: #9E4DD0;
|
|
}
|
|
|
|
.elderly {
|
|
background-color: #E1AE3C;
|
|
}
|
|
|
|
.expert {
|
|
background-color: #D43953;
|
|
}
|
|
|
|
.nursing {
|
|
background: #4C7BC9;
|
|
}
|
|
}
|
|
}
|
|
</style>
|