add file
This commit is contained in:
@@ -0,0 +1,11 @@
|
||||
const app = getApp()
|
||||
Page({
|
||||
data: {
|
||||
navbarData: {
|
||||
showCapsule: 1, //是否显示左上角图标 1表示显示 0表示不显示
|
||||
title: '服务通知', //导航栏 中间的标题
|
||||
},
|
||||
height: app.globalData.height,
|
||||
visible: false,
|
||||
}
|
||||
})
|
||||
@@ -0,0 +1,7 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {
|
||||
"te-nav-bar": "/commpents/te_navbar",
|
||||
"t-image": "tdesign-miniprogram/image/image"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,51 @@
|
||||
<te-nav-bar navbar-data='{{navbarData}}' ></te-nav-bar>
|
||||
<view class="container" style="height: calc(100vh - 96rpx - {{height}}px);">
|
||||
<view class="list">
|
||||
|
||||
<view class="item">
|
||||
<view class="item_top">
|
||||
<view class="item_img">
|
||||
<text style="margin-left: 10rpx;">快速问诊</text>
|
||||
<t-image src="https://gdxz-hospital.oss-cn-chengdu.aliyuncs.com/applet/doctor/static/images/yishi/service_notice/kuaisu.png" mode="heightFix" height="54rpx" aria-label="qrcode" />
|
||||
</view>
|
||||
<view class="item_date">2023-1-02 12:22</view>
|
||||
</view>
|
||||
<view class="item_content">您有新的图文问诊咨询,请注意查看。</view>
|
||||
</view>
|
||||
|
||||
<view class="item">
|
||||
<view class="item_top">
|
||||
<view class="item_img">
|
||||
<text style="margin-left: 10rpx;">在线问诊</text>
|
||||
<t-image src="https://gdxz-hospital.oss-cn-chengdu.aliyuncs.com/applet/doctor/static/images/yishi/service_notice/online.png" mode="heightFix" height="54rpx" aria-label="qrcode" />
|
||||
</view>
|
||||
<view class="item_date">2023-1-02 12:22</view>
|
||||
</view>
|
||||
<view class="item_content">您有新的图文问诊咨询,请注意查看。</view>
|
||||
</view>
|
||||
|
||||
<view class="item">
|
||||
<view class="item_top">
|
||||
<view class="item_img">
|
||||
<text style="margin-left: 10rpx;">义诊</text>
|
||||
<t-image src="https://gdxz-hospital.oss-cn-chengdu.aliyuncs.com/applet/doctor/static/images/yishi/service_notice/yizhen.png" mode="heightFix" height="54rpx" aria-label="qrcode" />
|
||||
</view>
|
||||
<view class="item_date">2023-1-02 12:22</view>
|
||||
</view>
|
||||
<view class="item_content">您有新的图文问诊咨询,请注意查看。</view>
|
||||
</view>
|
||||
|
||||
<view class="item">
|
||||
<view class="item_top">
|
||||
<view class="item_img">
|
||||
<text style="margin-left: 10rpx;">问诊购药</text>
|
||||
<t-image src="https://gdxz-hospital.oss-cn-chengdu.aliyuncs.com/applet/doctor/static/images/yishi/service_notice/drug.png" mode="heightFix" height="54rpx" aria-label="qrcode" />
|
||||
</view>
|
||||
<view class="item_date">2023-1-02 12:22</view>
|
||||
</view>
|
||||
<view class="item_content">您有新的图文问诊咨询,请注意查看。</view>
|
||||
</view>
|
||||
|
||||
|
||||
</view>
|
||||
</view>
|
||||
@@ -0,0 +1,38 @@
|
||||
.container{
|
||||
background-color: #F4F4F4;
|
||||
height: 100vh;
|
||||
width: 100vw;
|
||||
}
|
||||
.list{
|
||||
width: 92vw;
|
||||
margin: 20rpx auto;
|
||||
}
|
||||
.item{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
background-color: #fff;
|
||||
padding: 20rpx;
|
||||
border-radius: 10rpx;
|
||||
margin-bottom: 20rpx;
|
||||
}
|
||||
.item_top{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
.item_img{
|
||||
display: flex;
|
||||
flex-direction: row-reverse;
|
||||
align-items: center;
|
||||
font-size: 34rpx;
|
||||
color: #333333;
|
||||
}
|
||||
.item_date{
|
||||
font-size: 26rpx;
|
||||
color: #999999;
|
||||
}
|
||||
.item_content{
|
||||
margin-top: 20rpx;
|
||||
font-size: 24rpx;
|
||||
color: #666666;
|
||||
}
|
||||
Reference in New Issue
Block a user