68 lines
1.8 KiB
Vue
68 lines
1.8 KiB
Vue
<template>
|
|
<view class="content">
|
|
<myNav title="活动详情" bgColor="#fff" titleColor="#614D49" :backIcon="true" :backHome="false" :flex="false">
|
|
</myNav>
|
|
<view style="width: 100%;height: 100%;display: flex;flex-direction: column;align-items: center;overflow-y: auto;padding-bottom: 40rpx;">
|
|
<view style="margin: 40rpx;display: flex;width: 670rpx;flex-direction: column;align-items: center;background-color: #fff;box-sizing: border-box;
|
|
border-radius: 10rpx;padding: 40rpx;">
|
|
<text class="title">{{detail.title}}</text>
|
|
<rich-text style="margin-top: 40rpx; max-width: 630rpx; overflow-x: hidden;" :nodes="detail.content"></rich-text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script setup>
|
|
import myNav from '@/components/my-nav.vue'
|
|
import {
|
|
urls
|
|
} from '@/util/apiUrl.js'
|
|
import dohttp from '@/util/requestConfig.js'
|
|
|
|
const detail=ref()
|
|
onLoad((option) => {
|
|
|
|
if (option && option.id) {
|
|
dohttp.get(urls.newDetailUrl + "?id=" + option.id).then((result) => {
|
|
detail.value = result
|
|
})
|
|
}
|
|
})
|
|
|
|
const onShareAppMessage = () => {
|
|
return {
|
|
title: '快来体验一下吧~',
|
|
path: '/pages/index/index', // 分享的路径
|
|
};
|
|
};
|
|
|
|
const onShareTimeline = () => {
|
|
return {
|
|
title: '快来体验一下吧~',
|
|
query: 'id=91', // 分享路径的参数
|
|
};
|
|
};
|
|
|
|
</script>
|
|
|
|
<style scoped>
|
|
.content {
|
|
width: 100vw;
|
|
height: 100vh;
|
|
background-color: #f9f8f8;
|
|
display: flex;
|
|
flex-direction: column;
|
|
font-family: SourceHanSans;
|
|
background-image: url('https://miniapp.yuxingu.com.cn/yxg-mp/pic/bg-all.png');
|
|
background-size: cover;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
font-family: SourceHanSans;
|
|
}
|
|
.title{
|
|
|
|
font-size: 36rpx;
|
|
font-family: SourceHanSansBold;
|
|
|
|
}
|
|
</style> |