kola-web
4 weeks ago
@ -1,7 +1,7 @@ |
|||||||
<van-nav-bar title="" custom-style="background:transparent;"> |
<van-nav-bar title="" custom-style="background:transparent;"> |
||||||
<view class="navbar" slot="left"> |
<view class="navbar" slot="left"> |
||||||
<van-icon wx:if="{{back}}" class="back-icon" name="arrow-left" color="#333333" size="22" bind:tap="handleBack" /> |
<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:if="{{drug}}" class="drug-nav-img" src="/images/title1.png"></image> |
||||||
<image wx:else class="nav-img" src="{{imageUrl}}1/page-title.png?t={{Timestamp}}"></image> |
<image wx:else class="nav-img" src="/images/title1.png"></image> |
||||||
</view> |
</view> |
||||||
</van-nav-bar> |
</van-nav-bar> |
||||||
|
|||||||
@ -1,7 +1,4 @@ |
|||||||
{ |
{ |
||||||
"component": true, |
"component": true, |
||||||
"usingComponents": { |
"usingComponents": {} |
||||||
"van-tabbar": "@vant/weapp/tabbar/index", |
|
||||||
"van-tabbar-item": "@vant/weapp/tabbar-item/index" |
|
||||||
} |
|
||||||
} |
} |
||||||
|
|||||||
@ -1,9 +1,71 @@ |
|||||||
.tabbar-item { |
.tabbar { |
||||||
width: 25%; |
position: fixed; |
||||||
font-size: 20rpx; |
bottom: 0; |
||||||
color: rgba(103, 113, 114, 1); |
left: 0; |
||||||
.icon { |
width: 100%; |
||||||
width: 45rpx; |
padding: 0 0 calc(env(safe-area-inset-bottom) + 12rpx); |
||||||
height: 45rpx; |
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 @@ |
|||||||
<van-tabbar |
<view class="tabbar"> |
||||||
active="{{ active }}" |
<block wx:for="{{tablist}}" wx:key="name"> |
||||||
bind:change="onChange" |
<view class="tab-item {{active===index && 'active'}}" bind:tap="handleTab" data-index="{{index}}"> |
||||||
inactive-color="rgba(103, 113, 114, 1)" |
<view class="icon-wrap"> |
||||||
active-color="rgba(98, 190, 208, 1)" |
<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> |
||||||
<van-tabbar-item |
<image class="icon-active" src="{{imageUrl}}/doctor/tabbar/{{index+1}}-active.png?t={{Timestamp}}"></image> |
||||||
class="tabbar-item" |
</view> |
||||||
wx:for="{{tablist}}" |
<view class="name">{{item.name}}</view> |
||||||
wx:key="name" |
</view> |
||||||
info="{{index===2 && unReadCount>0 ? unReadCount : ''}}" |
</block> |
||||||
> |
</view> |
||||||
<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> |
|
||||||
|
|||||||
@ -1,9 +1,6 @@ |
|||||||
{ |
{ |
||||||
"navigationStyle": "custom", |
"navigationBarTitleText": "互动", |
||||||
"usingComponents": { |
"usingComponents": { |
||||||
"tabbar": "../../components/tabbar/index", |
"tabbar": "../../components/tabbar/index" |
||||||
"navBar": "/components/navBar/navBar", |
|
||||||
"van-icon": "@vant/weapp/icon/index", |
|
||||||
"van-popup": "@vant/weapp/popup/index" |
|
||||||
} |
} |
||||||
} |
} |
||||||
|
|||||||
@ -1,9 +1,8 @@ |
|||||||
{ |
{ |
||||||
"navigationBarTitleText": "登录", |
"navigationBarTitleText": "", |
||||||
"navigationStyle": "custom", |
|
||||||
"usingComponents": { |
"usingComponents": { |
||||||
"van-divider": "@vant/weapp/divider/index", |
"van-divider": "@vant/weapp/divider/index", |
||||||
"van-icon": "@vant/weapp/icon/index", |
"van-icon": "@vant/weapp/icon/index", |
||||||
"navBar": "/components/navBar/navBar" |
"toast": "/components/toast/index" |
||||||
} |
} |
||||||
} |
} |
||||||
|
|||||||
@ -1,66 +1,50 @@ |
|||||||
<view |
<view class="page"> |
||||||
class="page" |
<view class="user-info"> |
||||||
style="padding-top: {{top+5}}px;background: url({{imageUrl}}/doctor/my-bg.png?t={{Timestamp}}) no-repeat top center / 100% 740rpx" |
<image class="avatar" mode="aspectFill" src="{{doctor.Img}}"></image> |
||||||
> |
<view class="user-detail"> |
||||||
<navBar title="" fixed home="{{false}}"></navBar> |
<view class="name">{{doctor.Name}}</view> |
||||||
<view class="container"> |
<view class="hospital"> |
||||||
<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"> |
|
||||||
{{hospital.Name}} |
{{hospital.Name}} |
||||||
<view class="tag">{{hospital.HospitalClassificationName}}{{hospital.HospitalLevelName}}</view> |
<view class="tag" wx:if="{{hospital.HospitalClassificationName || hospital.HospitalLevelName}}"> |
||||||
</view> |
{{hospital.HospitalClassificationName}}{{hospital.HospitalLevelName}} |
||||||
<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> |
</view> |
||||||
</view> |
</view> |
||||||
<view class="row" wx:if="{{doctor.Introduce}}"> |
</view> |
||||||
<image class="r-title" src="{{imageUrl}}/doctor/my-title1.png?t={{Timestamp}}"></image> |
<view class="invite-card" data-url="/doctor/pages/d_invite/index" bind:tap="handleRouter"> |
||||||
<view class="r-content"> |
<image class="i-img" src="/images/bg21.png"></image> |
||||||
<text-expandsion |
</view> |
||||||
text="{{doctor.Introduce}}" |
<view class="menu-list"> |
||||||
color="rgba(154, 161, 163, 1)" |
<view class="menu-item" bind:tap="handleRouter" data-url="/doctor/pages/d_userInfo/index"> |
||||||
expend-color="#62BED0" |
<view class="menu-left"> |
||||||
></text-expandsion> |
<image class="menu-icon" src="/images/icon57.png"></image> |
||||||
|
<view class="menu-name">个人信息</view> |
||||||
</view> |
</view> |
||||||
|
<van-icon class="menu-arrow" name="arrow" /> |
||||||
</view> |
</view> |
||||||
<view class="row" wx:if="{{doctor.weekName}}"> |
<view class="menu-item" bind:tap="handlePrivacy"> |
||||||
<image class="r-title" src="{{imageUrl}}/doctor/my-title2.png?t={{Timestamp}}"></image> |
<view class="menu-left"> |
||||||
<view class="r-content pre-line">{{doctor.weekName}}</view> |
<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> |
<view class="menu-item" bind:tap="handleFollow"> |
||||||
<view |
<view class="menu-left"> |
||||||
class="invite" |
<image class="menu-icon" src="/images/icon59.png"></image> |
||||||
style="background: url({{imageUrl}}/doctor/my-code.png?t={{Timestamp}}) no-repeat center left / 208rpx 152rpx,linear-gradient( 265deg, #E8F0F1 0%, #FFFFFF 100%);" |
<view class="menu-name">关注公众号</view> |
||||||
data-url="/doctor/pages/d_invite/index" |
</view> |
||||||
bind:tap="handleRouter" |
<van-icon class="menu-arrow" name="arrow" /> |
||||||
> |
|
||||||
<view class="wrap"> |
|
||||||
<view class="title">出示邀约码</view> |
|
||||||
<view class="content">邀请患者加入你吧</view> |
|
||||||
</view> |
</view> |
||||||
<view class="btn">邀请患者</view> |
<view class="menu-item" bind:tap="handleFeedback"> |
||||||
</view> |
<view class="menu-left"> |
||||||
<view class="list"> |
<image class="menu-icon" src="/images/icon60.png"></image> |
||||||
<view class="list-item" bind:tap="handleRouter" data-url="/doctor/pages/d_userInfo/index"> |
<view class="menu-name">问题反馈</view> |
||||||
<view class="left"> |
|
||||||
<image class="icon" src="{{imageUrl}}/doctor/my-list-icon1.png?t={{Timestamp}}"></image> |
|
||||||
<view class="name">个人信息</view> |
|
||||||
</view> |
</view> |
||||||
<van-icon class="more" name="arrow" /> |
<van-icon class="menu-arrow" name="arrow" /> |
||||||
</view> |
</view> |
||||||
</view> |
</view> |
||||||
|
<view class="logout-btn" bind:tap="handleLogout">退出登录</view> |
||||||
</view> |
</view> |
||||||
|
|
||||||
<tabbar active="{{3}}"></tabbar> |
<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 |