kola-web
3 days ago
@ -1,7 +1,7 @@
@@ -1,7 +1,7 @@
|
||||
<van-nav-bar title="" custom-style="background:transparent;"> |
||||
<view class="navbar" slot="left"> |
||||
<van-icon wx:if="{{back}}" class="back-icon" name="arrow-left" color="#333333" size="22" bind:tap="handleBack" /> |
||||
<image wx:if="{{drug}}" class="drug-nav-img" src="{{imageUrl}}1.5/page-title.png?t={{Timestamp}}"></image> |
||||
<image wx:else class="nav-img" src="{{imageUrl}}1/page-title.png?t={{Timestamp}}"></image> |
||||
<image wx:if="{{drug}}" class="drug-nav-img" src="/images/title1.png"></image> |
||||
<image wx:else class="nav-img" src="/images/title1.png"></image> |
||||
</view> |
||||
</van-nav-bar> |
||||
|
||||
@ -1,7 +1,4 @@
@@ -1,7 +1,4 @@
|
||||
{ |
||||
"component": true, |
||||
"usingComponents": { |
||||
"van-tabbar": "@vant/weapp/tabbar/index", |
||||
"van-tabbar-item": "@vant/weapp/tabbar-item/index" |
||||
} |
||||
"usingComponents": {} |
||||
} |
||||
|
||||
@ -1,9 +1,71 @@
@@ -1,9 +1,71 @@
|
||||
.tabbar-item { |
||||
width: 25%; |
||||
font-size: 20rpx; |
||||
color: rgba(103, 113, 114, 1); |
||||
.icon { |
||||
width: 45rpx; |
||||
height: 45rpx; |
||||
.tabbar { |
||||
position: fixed; |
||||
bottom: 0; |
||||
left: 0; |
||||
width: 100%; |
||||
padding: 0 0 calc(env(safe-area-inset-bottom) + 12rpx); |
||||
display: flex; |
||||
justify-content: space-between; |
||||
background-color: #fff; |
||||
box-shadow: 0rpx 3rpx 27rpx 0rpx rgba(40, 48, 49, 0.1); |
||||
.tab-item { |
||||
position: relative; |
||||
padding-top: 10rpx; |
||||
flex: 1; |
||||
display: flex; |
||||
flex-direction: column; |
||||
justify-content: center; |
||||
align-items: center; |
||||
|
||||
.icon-wrap { |
||||
position: relative; |
||||
width: 48rpx; |
||||
height: 48rpx; |
||||
.icon { |
||||
display: block; |
||||
width: 100%; |
||||
height: 100%; |
||||
} |
||||
.icon-active { |
||||
display: none; |
||||
width: 100%; |
||||
height: 100%; |
||||
} |
||||
.dot { |
||||
position: absolute; |
||||
top: -8rpx; |
||||
right: -16rpx; |
||||
padding: 0 8rpx; |
||||
min-width: 32rpx; |
||||
height: 32rpx; |
||||
text-align: center; |
||||
font-size: 20rpx; |
||||
line-height: 32rpx; |
||||
color: #ffffff; |
||||
border: 2rpx solid #ffffff; |
||||
border-radius: 16rpx; |
||||
background: #ef3939; |
||||
box-sizing: border-box; |
||||
} |
||||
} |
||||
.name { |
||||
margin-top: 8rpx; |
||||
font-size: 22rpx; |
||||
color: rgba(103, 113, 114, 1); |
||||
line-height: 21rpx; |
||||
} |
||||
&.active { |
||||
.icon-wrap { |
||||
.icon { |
||||
display: none; |
||||
} |
||||
.icon-active { |
||||
display: block; |
||||
} |
||||
} |
||||
.name { |
||||
color: rgba(98, 190, 208, 1); |
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
||||
@ -1,22 +1,12 @@
@@ -1,22 +1,12 @@
|
||||
<van-tabbar |
||||
active="{{ active }}" |
||||
bind:change="onChange" |
||||
inactive-color="rgba(103, 113, 114, 1)" |
||||
active-color="rgba(98, 190, 208, 1)" |
||||
> |
||||
<van-tabbar-item |
||||
class="tabbar-item" |
||||
wx:for="{{tablist}}" |
||||
wx:key="name" |
||||
info="{{index===2 && unReadCount>0 ? unReadCount : ''}}" |
||||
> |
||||
<image slot="icon" src="{{imageUrl}}/doctor/tabbar/{{index+1}}.png?t={{Timestamp}}" mode="aspectFit" class="icon" /> |
||||
<image |
||||
slot="icon-active" |
||||
src="{{imageUrl}}/doctor/tabbar/{{index+1}}-active.png?t={{Timestamp}}" |
||||
mode="aspectFit" |
||||
class="icon" |
||||
/> |
||||
{{item.name}} |
||||
</van-tabbar-item> |
||||
</van-tabbar> |
||||
<view class="tabbar"> |
||||
<block wx:for="{{tablist}}" wx:key="name"> |
||||
<view class="tab-item {{active===index && 'active'}}" bind:tap="handleTab" data-index="{{index}}"> |
||||
<view class="icon-wrap"> |
||||
<view class="dot" wx:if="{{index===2 && unReadCount>0}}">{{unReadCount > 99 ? '99+' : unReadCount}}</view> |
||||
<image class="icon" src="{{imageUrl}}/doctor/tabbar/{{index+1}}.png?t={{Timestamp}}"></image> |
||||
<image class="icon-active" src="{{imageUrl}}/doctor/tabbar/{{index+1}}-active.png?t={{Timestamp}}"></image> |
||||
</view> |
||||
<view class="name">{{item.name}}</view> |
||||
</view> |
||||
</block> |
||||
</view> |
||||
|
||||
@ -1,9 +1,6 @@
@@ -1,9 +1,6 @@
|
||||
{ |
||||
"navigationStyle": "custom", |
||||
"navigationBarTitleText": "互动", |
||||
"usingComponents": { |
||||
"tabbar": "../../components/tabbar/index", |
||||
"navBar": "/components/navBar/navBar", |
||||
"van-icon": "@vant/weapp/icon/index", |
||||
"van-popup": "@vant/weapp/popup/index" |
||||
"tabbar": "../../components/tabbar/index" |
||||
} |
||||
} |
||||
|
||||
@ -1,9 +1,8 @@
@@ -1,9 +1,8 @@
|
||||
{ |
||||
"navigationBarTitleText": "登录", |
||||
"navigationStyle": "custom", |
||||
"navigationBarTitleText": "", |
||||
"usingComponents": { |
||||
"van-divider": "@vant/weapp/divider/index", |
||||
"van-icon": "@vant/weapp/icon/index", |
||||
"navBar": "/components/navBar/navBar" |
||||
"toast": "/components/toast/index" |
||||
} |
||||
} |
||||
|
||||
@ -1,66 +1,50 @@
@@ -1,66 +1,50 @@
|
||||
<view |
||||
class="page" |
||||
style="padding-top: {{top+5}}px;background: url({{imageUrl}}/doctor/my-bg.png?t={{Timestamp}}) no-repeat top center / 100% 740rpx" |
||||
> |
||||
<navBar title="" fixed home="{{false}}"></navBar> |
||||
<view class="container"> |
||||
<view class="avatar"> |
||||
<image class="avatar-user" mode="aspectFill" src="{{doctor.Img}}"></image> |
||||
</view> |
||||
<view class="name">{{doctor.Name}}</view> |
||||
<view class="card"> |
||||
<view class="content"> |
||||
<view class="page"> |
||||
<view class="user-info"> |
||||
<image class="avatar" mode="aspectFill" src="{{doctor.Img}}"></image> |
||||
<view class="user-detail"> |
||||
<view class="name">{{doctor.Name}}</view> |
||||
<view class="hospital"> |
||||
{{hospital.Name}} |
||||
<view class="tag">{{hospital.HospitalClassificationName}}{{hospital.HospitalLevelName}}</view> |
||||
</view> |
||||
<view |
||||
class="c-row" |
||||
wx:if="{{hospital.ProvinceName || hospital.CityName || hospital.CountyName || hospital.Address}}" |
||||
> |
||||
<image class="icon" src="{{imageUrl}}/doctor/icon-site.png?t={{Timestamp}}"></image> |
||||
{{hospital.ProvinceName}}{{hospital.CityName}}{{hospital.CountyName}}{{hospital.Address}} |
||||
</view> |
||||
<view class="c-row" wx:if="{{hospital.Telephone}}"> |
||||
<image class="icon" src="{{imageUrl}}/doctor/icon-phone.png?t={{Timestamp}}"></image> |
||||
{{hospital.Telephone}} |
||||
<view class="tag" wx:if="{{hospital.HospitalClassificationName || hospital.HospitalLevelName}}"> |
||||
{{hospital.HospitalClassificationName}}{{hospital.HospitalLevelName}} |
||||
</view> |
||||
</view> |
||||
</view> |
||||
<view class="row" wx:if="{{doctor.Introduce}}"> |
||||
<image class="r-title" src="{{imageUrl}}/doctor/my-title1.png?t={{Timestamp}}"></image> |
||||
<view class="r-content"> |
||||
<text-expandsion |
||||
text="{{doctor.Introduce}}" |
||||
color="rgba(154, 161, 163, 1)" |
||||
expend-color="#62BED0" |
||||
></text-expandsion> |
||||
</view> |
||||
<view class="invite-card" data-url="/doctor/pages/d_invite/index" bind:tap="handleRouter"> |
||||
<image class="i-img" src="/images/bg21.png"></image> |
||||
</view> |
||||
<view class="menu-list"> |
||||
<view class="menu-item" bind:tap="handleRouter" data-url="/doctor/pages/d_userInfo/index"> |
||||
<view class="menu-left"> |
||||
<image class="menu-icon" src="/images/icon57.png"></image> |
||||
<view class="menu-name">个人信息</view> |
||||
</view> |
||||
<van-icon class="menu-arrow" name="arrow" /> |
||||
</view> |
||||
<view class="row" wx:if="{{doctor.weekName}}"> |
||||
<image class="r-title" src="{{imageUrl}}/doctor/my-title2.png?t={{Timestamp}}"></image> |
||||
<view class="r-content pre-line">{{doctor.weekName}}</view> |
||||
<view class="menu-item" bind:tap="handlePrivacy"> |
||||
<view class="menu-left"> |
||||
<image class="menu-icon" src="/images/icon58.png"></image> |
||||
<view class="menu-name">隐私协议</view> |
||||
</view> |
||||
<van-icon class="menu-arrow" name="arrow" /> |
||||
</view> |
||||
</view> |
||||
<view |
||||
class="invite" |
||||
style="background: url({{imageUrl}}/doctor/my-code.png?t={{Timestamp}}) no-repeat center left / 208rpx 152rpx,linear-gradient( 265deg, #E8F0F1 0%, #FFFFFF 100%);" |
||||
data-url="/doctor/pages/d_invite/index" |
||||
bind:tap="handleRouter" |
||||
> |
||||
<view class="wrap"> |
||||
<view class="title">出示邀约码</view> |
||||
<view class="content">邀请患者加入你吧</view> |
||||
<view class="menu-item" bind:tap="handleFollow"> |
||||
<view class="menu-left"> |
||||
<image class="menu-icon" src="/images/icon59.png"></image> |
||||
<view class="menu-name">关注公众号</view> |
||||
</view> |
||||
<van-icon class="menu-arrow" name="arrow" /> |
||||
</view> |
||||
<view class="btn">邀请患者</view> |
||||
</view> |
||||
<view class="list"> |
||||
<view class="list-item" bind:tap="handleRouter" data-url="/doctor/pages/d_userInfo/index"> |
||||
<view class="left"> |
||||
<image class="icon" src="{{imageUrl}}/doctor/my-list-icon1.png?t={{Timestamp}}"></image> |
||||
<view class="name">个人信息</view> |
||||
<view class="menu-item" bind:tap="handleFeedback"> |
||||
<view class="menu-left"> |
||||
<image class="menu-icon" src="/images/icon60.png"></image> |
||||
<view class="menu-name">问题反馈</view> |
||||
</view> |
||||
<van-icon class="more" name="arrow" /> |
||||
<van-icon class="menu-arrow" name="arrow" /> |
||||
</view> |
||||
</view> |
||||
<view class="logout-btn" bind:tap="handleLogout">退出登录</view> |
||||
</view> |
||||
|
||||
<tabbar active="{{3}}"></tabbar> |
||||
|
||||
|
After Width: | Height: | Size: 128 KiB |
|
After Width: | Height: | Size: 49 KiB |
|
After Width: | Height: | Size: 443 KiB |
|
After Width: | Height: | Size: 297 KiB |
|
After Width: | Height: | Size: 81 KiB |
|
After Width: | Height: | Size: 46 KiB |
|
After Width: | Height: | Size: 175 KiB |
|
After Width: | Height: | Size: 124 KiB |
|
Before Width: | Height: | Size: 829 B After Width: | Height: | Size: 2.3 KiB |
|
Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 565 B |
|
Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 2.8 KiB |
|
Before Width: | Height: | Size: 1.4 KiB After Width: | Height: | Size: 1.4 KiB |
|
Before Width: | Height: | Size: 1.5 KiB After Width: | Height: | Size: 2.8 KiB |
|
Before Width: | Height: | Size: 1.9 KiB After Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.4 KiB After Width: | Height: | Size: 2.0 KiB |
|
Before Width: | Height: | Size: 1.8 KiB After Width: | Height: | Size: 888 B |
|
Before Width: | Height: | Size: 800 B After Width: | Height: | Size: 553 B |