zm/nuttyreading-html
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

页面完善

Browse Source
This commit is contained in:
@fawn-nine
2023-11-08 17:31:37 +08:00
parent b08bc52662
commit 346ec9d615
5 changed files with 218 additions and 151 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
pages/acupoint/acupointDetail.vue
View File

@@ -8,7 +8,7 @@
:duration="duration">
<swiper-item v-for="(item, index) in acupointDetail.imageList" :key="index">
<view class="swiper-item">
<image :src="item" mode="aspectFit"></image>
<image :src="item" mode="aspectFit" @click="previewImage(item)"></image>
</view>
</swiper-item>
</swiper>
@@ -21,7 +21,7 @@
</view>
</uni-section>
<uni-section class="mb-10" titleFontSize="18px" title="别名" type="line">
<view class="item" v-if="acupointDetail.alias && acupointDetail.alias != ''">
<view class="item" v-if="acupointDetail.alias && acupointDetail.alias != ''" >
{{acupointDetail.alias}}
</view>
<view class="item" v-else>
@@ -30,20 +30,20 @@
</uni-section>
<uni-section class="mb-10" titleFontSize="18px" title="所属经络" type="line">
<view class="item">
{{acupointDetail.meridian}}
<view class="item" v-html="acupointDetail.meridian">
</view>
</uni-section>
<uni-section class="mb-10" titleFontSize="18px" title="定位" type="line">
<view class="item">
{{acupointDetail.position}}
<uni-section class="mb-10" titleFontSize="18px" title="定位" type="line" >
<view class="item" v-html="acupointDetail.position">
</view>
</uni-section>
<uni-section class="mb-10" titleFontSize="18px" title="解剖" type="line">
<view class="item" v-if="acupointDetail.anatomy && acupointDetail.anatomy != ''">
{{acupointDetail.anatomy}}
<view class="item" v-if="acupointDetail.anatomy && acupointDetail.anatomy != ''" v-html="acupointDetail.anatomy">
</view>
<view class="item" v-else>
暂无
@@ -51,14 +51,13 @@
</uni-section>
<uni-section class="mb-10" titleFontSize="18px" title="主治" type="line">
<view class="item">
{{acupointDetail.indication}}
<view class="item" v-html="acupointDetail.indication">
</view>
</uni-section>
<uni-section class="mb-10" titleFontSize="18px" title="配伍" type="line">
<view class="item" v-if="acupointDetail.compatibility && acupointDetail.compatibility != ''">
{{acupointDetail.compatibility}}
<view class="item" v-if="acupointDetail.compatibility && acupointDetail.compatibility != ''" v-html="acupointDetail.compatibility">
</view>
<view class="item" v-else>
暂无
@@ -66,8 +65,8 @@
</uni-section>
<uni-section class="mb-10" titleFontSize="18px" title="文献" type="line">
<view class="item" v-if="acupointDetail.literature && acupointDetail.literature != ''">
{{acupointDetail.literature}}
<view class="item" v-if="acupointDetail.literature && acupointDetail.literature != ''" v-html="acupointDetail.literature">
</view>
<view class="item" v-else>
暂无
@@ -105,6 +104,19 @@
this.getDetail()
},
methods: {
// 放大图片
previewImage(url) {
console.log(url)
uni.previewImage({
urls: [url],
longPressActions: {
itemList: ['很抱歉，暂不支持保存图片到本地'],
success: function(res) {
// console.log(res,'+++++')
}
}
});
},
// 穴位详情
getDetail() {
$http.request({
@@ -139,7 +151,7 @@
.mb-10{ margin-bottom: 10px;}
.content{font-size: 28rpx;}
.swiper-item{
image{margin: 0 auto; height:200rpx;}
image{margin: 0 auto; height:250rpx;}
}
.uni-margin-wrap{ margin-bottom: 20rpx; padding-top: 20rpx;