You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
122 lines
2.3 KiB
122 lines
2.3 KiB
<template>
|
|
<view class="content">
|
|
<view class='contop'>
|
|
<image :src='info.image.url' mode="widthFix"></image>
|
|
</view>
|
|
<!-- <view class='detail'>
|
|
<view class='title'>{{info.name?info.name:''}}</view>
|
|
<u-parse v-if='showContent' :content="info.content?info.content:' '" />
|
|
</view> -->
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import uParse from '@/components/gaoyia-parse/parse.vue'
|
|
export default {
|
|
components: {
|
|
uParse,
|
|
},
|
|
data() {
|
|
return {
|
|
info: {},
|
|
id: '',
|
|
showContent: false,
|
|
}
|
|
},
|
|
onShareAppMessage() {
|
|
return this.util.shareInfo
|
|
},
|
|
|
|
onShareTimeline(){
|
|
return this.util.shareInfo
|
|
},
|
|
onLoad(options) {
|
|
this.id = options.id ? options.id : ''
|
|
this.loadDetail()
|
|
},
|
|
methods: {
|
|
cancelTime(val) {
|
|
return val.substring(0, 10)
|
|
},
|
|
loadDetail() {
|
|
var that = this;
|
|
this.util.request({
|
|
api: '/api/mobile/book/show',
|
|
data: {
|
|
id: that.id
|
|
},
|
|
utilSuccess: function(res) {
|
|
that.info = res
|
|
that.showContent = true
|
|
},
|
|
utilFail: function(res) {
|
|
|
|
}
|
|
})
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
@import url("/components/gaoyia-parse/parse.css");
|
|
|
|
.content {
|
|
background-color: #fbf8f4;
|
|
min-height: 100vh;
|
|
height: 100vh;
|
|
/* padding-bottom:180rpx */
|
|
}
|
|
|
|
.contop {
|
|
/* padding: 80rpx 0;
|
|
height: 648rpx; */
|
|
font-size: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
box-sizing: border-box;
|
|
background-color: #393c40;
|
|
display: flex;
|
|
justify-content: space-around;
|
|
align-items: center;
|
|
/* height: calc(100vh - 240rpx) */
|
|
}
|
|
|
|
.contop image {
|
|
/* width: 368rpx;
|
|
height: 488rpx; */
|
|
width: 100%;
|
|
margin: 0rpx auto;
|
|
display: block;
|
|
transform: scale(1.2);
|
|
}
|
|
|
|
.title {
|
|
text-align: left;
|
|
/* padding: 30rpx 0rpx; */
|
|
font-size: 36rpx;
|
|
font-weight: bold;
|
|
/* position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%); */
|
|
width: 90%;
|
|
line-height: 1.5;
|
|
/* padding: 30rpx; */
|
|
}
|
|
|
|
.detail {
|
|
background: linear-gradient(to bottom, #fff 30%, #fbf8f4 70%);
|
|
/* min-height: calc(100vh - 648rpx); */
|
|
/* height: 240rpx; */
|
|
/* height:calc(100vh - 648rpx); */
|
|
border-radius: 30rpx 30rpx 0 0;
|
|
/* overflow: scroll; */
|
|
padding: 30rpx;
|
|
position: relative;
|
|
}
|
|
|
|
.wxParse {
|
|
line-height: 2.3;
|
|
}
|
|
</style> |