|
|
@ -1,6 +1,19 @@ |
|
|
|
<template> |
|
|
|
<view class="indexPage"> |
|
|
|
<view class="primaryBtn"> |
|
|
|
<view class="index-page"> |
|
|
|
<view class="header-wrapper flex"> |
|
|
|
<view class="left"> |
|
|
|
<view class="flex top PfScMedium"> |
|
|
|
<view class="ft50">李静静</view> |
|
|
|
<view>中医针灸科中医针灸科</view> |
|
|
|
</view> |
|
|
|
<view class="bt PfScRegular over2"> |
|
|
|
北京中医药大学硕士 从业10年北京中医药大学硕士 从业10年北京中医药大学硕士 从业10年 |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<img class="right" src="https://qny.xmz.yitongtang66.com/uploads/20240202/4c91b27887ee12a29beb015ef4dfe71f.jpg" alt=""> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="block"> |
|
|
|
|
|
|
|
</view> |
|
|
|
</view> |
|
|
@ -10,6 +23,7 @@ |
|
|
|
export default { |
|
|
|
data() { |
|
|
|
return { |
|
|
|
cssUrl:this.cssUrl |
|
|
|
} |
|
|
|
}, |
|
|
|
onLoad() { |
|
|
@ -24,6 +38,51 @@ |
|
|
|
|
|
|
|
<style lang="scss" scoped> |
|
|
|
.index-page{ |
|
|
|
|
|
|
|
.header-wrapper{ |
|
|
|
height: 208rpx; |
|
|
|
padding: 24rpx 40rpx 24rpx; |
|
|
|
.left{ |
|
|
|
width: 510rpx; |
|
|
|
.top{ |
|
|
|
overflow: hidden; |
|
|
|
& view:first-of-type{ |
|
|
|
color: #000000; |
|
|
|
letter-spacing: 1rpx; |
|
|
|
margin-right: 27rpx; |
|
|
|
max-width: 380rpx; |
|
|
|
} |
|
|
|
& view:last-of-type{ |
|
|
|
width: auto; |
|
|
|
padding: 0 15rpx; |
|
|
|
margin-top: 14rpx; |
|
|
|
line-height: 42rpx; |
|
|
|
font-size: 28rpx; |
|
|
|
text-align: left; |
|
|
|
background: linear-gradient( 288deg, #FFEED2 0%, #FED9A6 100%); |
|
|
|
border-radius: 8rpx; |
|
|
|
color: #7D501F; |
|
|
|
} |
|
|
|
} |
|
|
|
.bt{ |
|
|
|
width: 480rpx; |
|
|
|
line-height: 40rpx; |
|
|
|
font-size: 28rpx; |
|
|
|
color: #38503F; |
|
|
|
margin-top: 21rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
.right{ |
|
|
|
flex-grow: 1; |
|
|
|
display: block; |
|
|
|
border-radius: 100%; |
|
|
|
height: 160rpx; |
|
|
|
width: 160rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
.block{ |
|
|
|
background: #FFFFFF; |
|
|
|
border-radius: 8rpx; |
|
|
|
padding: 36rpx 24rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
</style> |
|
|
|