63 lines
895 B
Vue
63 lines
895 B
Vue
<template>
|
|
<view class="app">
|
|
<image src="../../static/headsculpture.png" mode=""></image>
|
|
<view class="name">
|
|
张三
|
|
</view>
|
|
<view class="position">
|
|
主任医师 肾内科
|
|
</view>
|
|
<view class="Affiliation">
|
|
山东大学齐鲁医院
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
|
|
};
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
page {
|
|
background-color: #F4F5F7;
|
|
}
|
|
|
|
.app {
|
|
width: 96%;
|
|
margin: 20rpx auto;
|
|
color: #666666;
|
|
|
|
image {
|
|
display: block;
|
|
width: 150rpx;
|
|
height: 150rpx;
|
|
margin: 40rpx auto 0;
|
|
}
|
|
|
|
.name {
|
|
text-align: center;
|
|
margin: 40rpx auto 0;
|
|
font-size: 32rpx;
|
|
font-weight: 500;
|
|
color: #000000;
|
|
}
|
|
|
|
.Affiliation {
|
|
text-align: center;
|
|
margin: 16rpx auto 0;
|
|
font-size: 20rpx;
|
|
}
|
|
|
|
.position {
|
|
text-align: center;
|
|
margin: 20rpx auto 0;
|
|
font-size: 22rpx;
|
|
}
|
|
}
|
|
</style> |