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,
|
||||
}
|
||||
|
||||
})
|
||||
@@ -0,0 +1,7 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {
|
||||
"te-nav-bar": "/commpents/te_navbar",
|
||||
"van-button": "@vant/weapp/button/index"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,22 @@
|
||||
<te-nav-bar navbar-data='{{navbarData}}' ></te-nav-bar>
|
||||
<view class="container" style="height: calc(100vh - 96rpx - {{height}}px);">
|
||||
<view class="data">
|
||||
<view class="item">
|
||||
<view class="title">发信人</view><text>:</text>
|
||||
<view class="conent">肝胆小秘书</view>
|
||||
</view>
|
||||
<view class="item">
|
||||
<view class="title">标题</view><text>:</text>
|
||||
<view class="conent">9月份的服务费结算</view>
|
||||
</view>
|
||||
<view class="item">
|
||||
<view class="title">时间</view><text>:</text>
|
||||
<view class="conent">2022-11-02 12:22:11</view>
|
||||
</view>
|
||||
<view class="item">
|
||||
<view class="title">内容</view><text>:</text>
|
||||
<view class="conent">XX医生您好,您9月份的服务费已结算至您的银行卡,请注意查收。</view>
|
||||
</view>
|
||||
<van-button color="#3CC7C0" custom-style="border-radius: 10rpx;margin: 30rpx 0;" block>我的账户</van-button>
|
||||
</view>
|
||||
</view>
|
||||
@@ -0,0 +1,27 @@
|
||||
.container{
|
||||
background-color: #F4F4F4;
|
||||
height: 100vh;
|
||||
width: 100vw;
|
||||
}
|
||||
.data{
|
||||
background-color: #fff;
|
||||
margin: 20rpx auto;
|
||||
padding: 20rpx 30rpx;
|
||||
}
|
||||
.item{
|
||||
display: flex;
|
||||
margin-bottom: 30rpx;
|
||||
}
|
||||
.title{
|
||||
flex: 1;
|
||||
font-size: 34rpx;
|
||||
color: #333333;
|
||||
text-align: justify;
|
||||
text-justify:distribute-all-lines;
|
||||
text-align-last: justify;
|
||||
}
|
||||
.conent{
|
||||
flex: 4;
|
||||
font-size: 30rpx;
|
||||
color: #666666;
|
||||
}
|
||||
Reference in New Issue
Block a user