刮刮前端
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.
 
 
 
 

83 lines
1.8 KiB

<template>
<view>
<view class="nav_area"></view>
<view class="wrapper">
<view class="title">{{title}}</view>
<view class="time">{{create_time}}</view>
<view class="content">
<text v-html="content"></text>
</view>
</view>
</view>
</template>
<script>
import API from '@/common/js/api.js'
export default {
data() {
return {
title: '关于中奖概率调整问题关于中奖概率问题关于中奖概率调整问题关于中奖概率调整问题',
create_time: '发布时间:2023.08.10 23:00:00',
content: `关于中奖概率调整问题关于中奖概率调整问题关于中奖概率调整问题关于中奖概率调整问题关于中奖概率
调整问题关于中奖概率调整问题`
}
},
onLoad(e) {
this.id = e.id;
this.getDetail();
},
methods: {
getDetail(){
API.request('/index/getNoticeInfo', {id: this.id}, res=>{
this.title = res.data.title;
this.create_time = res.data.create_time;
this.content = res.data.content;
})
}
}
}
</script>
<style scoped lang="scss">
.nav_area {
position: fixed;
top: 0px;
left: 0px;
z-index: 99;
background-color: #fff;
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.05);
width: 700rpx;
padding: 0px 25rpx;
/* #ifdef H5 */
height: 88rpx;padding-top: var(--status-bar-height);
/* #endif */
/* #ifdef APP-PLUS */
height: 2px;
/* #endif */
box-sizing: content-box;
color: #b0b0b0;
font-size: 14px;
}
.wrapper{
text-align: center;
padding: 10px 20px;
.title{
font-size: 16px;
line-height: 30px;
padding: 10px 0px;
}
.time{
font-size: 12px;
color: #999;
}
.content{
font-size: 14px;
text-align: justify;
text-indent: 30px;
line-height: 24px;
margin: 20px 0px;
}
}
</style>