add file
This commit is contained in:
@@ -0,0 +1,19 @@
|
||||
//index.js
|
||||
//获取应用实例
|
||||
const app = getApp()
|
||||
|
||||
Page({
|
||||
data: {
|
||||
// 组件所需的参数
|
||||
navbarData: {
|
||||
showCapsule: 1, //是否显示左上角图标 1表示显示 0表示不显示
|
||||
title: '基本资料', //导航栏 中间的标题
|
||||
},
|
||||
|
||||
// 此页面 页面内容距最顶部的距离
|
||||
height: app.globalData.height ,
|
||||
},
|
||||
onLoad() {
|
||||
console.log(this.data.height)
|
||||
}
|
||||
})
|
||||
@@ -0,0 +1,14 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {
|
||||
"te-nav-bar": "/commpents/te_navbar",
|
||||
"t-avatar": "tdesign-miniprogram/avatar/avatar",
|
||||
"van-cell": "@vant/weapp/cell/index",
|
||||
"van-cell-group": "@vant/weapp/cell-group/index"
|
||||
},
|
||||
"navigationBarBackgroundColor": "#ffffff",
|
||||
"navigationBarTextStyle": "black",
|
||||
"navigationBarTitleText": "基本资料",
|
||||
"backgroundColor": "#eeeeee",
|
||||
"backgroundTextStyle": "light"
|
||||
}
|
||||
@@ -0,0 +1,19 @@
|
||||
<te-nav-bar navbar-data='{{navbarData}}' ></te-nav-bar>
|
||||
<view class="container">
|
||||
<view class="top">
|
||||
<t-avatar class="avatar" size="large" image="https://gdxz-hospital.oss-cn-chengdu.aliyuncs.com/applet/doctor/static/images/default_photo.png" />
|
||||
<text class="name">李四</text>
|
||||
</view>
|
||||
<view class="content">
|
||||
<van-cell-group>
|
||||
<van-cell title="姓名" title-width="120rpx" title-style="text-align: justify;text-justify:distribute-all-lines; text-align-last: justify;" value="李四" />
|
||||
<van-cell title="性别" title-width="120rpx" title-style="text-align: justify;text-justify:distribute-all-lines; text-align-last: justify;" value="内容" />
|
||||
<van-cell title="年龄" title-width="120rpx" title-style="text-align: justify;text-justify:distribute-all-lines; text-align-last: justify;" value="内容" />
|
||||
<van-cell title="身份证号" title-width="120rpx" title-style="text-align: justify;text-justify:distribute-all-lines; text-align-last: justify;" value="内容" />
|
||||
<van-cell title="手机号码" title-width="120rpx" title-style="text-align: justify;text-justify:distribute-all-lines; text-align-last: justify;" value="内容" />
|
||||
<van-cell title="我的地址" title-width="120rpx" title-style="text-align: justify;text-justify:distribute-all-lines; text-align-last: justify;" value="内容" />
|
||||
<van-cell title="科室" title-width="120rpx" title-style="text-align: justify;text-justify:distribute-all-lines; text-align-last: justify;" value="内容" />
|
||||
<van-cell title="职称" title-width="120rpx" title-style="text-align: justify;text-justify:distribute-all-lines; text-align-last: justify;" value="内容" />
|
||||
</van-cell-group>
|
||||
</view>
|
||||
</view>
|
||||
@@ -0,0 +1,19 @@
|
||||
.top{
|
||||
width: 100vw;
|
||||
background-color: cornflowerblue;
|
||||
height: 370rpx;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
align-content: center;
|
||||
flex-direction: column;
|
||||
}
|
||||
.name{
|
||||
color: white;
|
||||
margin-top: 30rpx;
|
||||
text-align: justify;
|
||||
text-justify:distribute-all-lines;
|
||||
text-align-last: justify;
|
||||
width: 60rpx;
|
||||
font-size: 28rpx;
|
||||
}
|
||||
Reference in New Issue
Block a user