123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116 |
- <template>
- <view class="main">
- <navbar :config="config" backColor="#999999"></navbar>
- <view class="content">
- <view class="title">
- {{details.header}}
- </view>
- <view class="desc">
- <text class="iconfont2"></text>
- <text class="author">发布者:{{details.publisher}}</text>
- <text class="iconfont2"></text>
- <text class="time">{{details.update_time}}</text>
- </view>
- <!-- <u-parse :html="details.content"></u-parse> -->
- <view class="top ql-editor-box" v-html="details.content"></view>
- </view>
- </view>
- </template>
- <script>
- export default {
- data() {
- return {
- config: {
- back: true,
- title: '创业政策',
- color: 'black',
- backgroundColor: [1, '#fff'],
- statusBarFontColor: 'black'
- },
- imgFiles: [],
- details: ''
- }
- },
- onLoad(options) {
- if(options&&options.id){
- this.getDetails(options.id)
- }
- },
- methods: {
- getDetails(id){
- this.$http.get(`/workpolicy/${id}`).then(res=>{
- if(res&&res.code==200){
- this.details=res.data
- }
- })
- }
- }
- };
- </script>
- <style lang="scss" scoped>
- .main{
- .content{
- padding: 47rpx 30rpx 42rpx 30rpx;
- .title{
- font-size: 35rpx;
- font-family: PingFang SC, PingFang SC-Bold;
- font-weight: 700;
- text-align: left;
- color: #1a1a1a;
- line-height: 52rpx;
- margin-bottom: 10rpx;
- }
- .desc{
- margin-bottom: 40rpx;
- .iconfont2{
- font-size: 30rpx;
- color: #20A634;
- vertical-align: middle;
- }
- .author,.time{
- font-size: 24rpx;
- font-family: PingFang SC, PingFang SC-Medium;
- font-weight: 500;
- color: #999999;
- margin: 0 50rpx 0 9rpx;
- vertical-align: middle;
- }
- }
- }
- }
- .top {
- padding: 30rpx;
-
- .item {
- font-size: 28rpx;
- font-weight: 700;
- color: #050505;
- line-height: 40rpx;
- }
-
- .content {
- padding: 0 14rpx 26rpx 14rpx;
- font-size: 24rpx;
- color: #666666;
- font-weight: 500;
- line-height: 48rpx;
- }
-
- .title {
- font-size: 26rpx;
- font-weight: 700;
- color: #050505;
- line-height: 40rpx;
- }
-
- .title-item {
- color: #666666;
- font-weight: 500;
- line-height: 48rpx;
- font-size: 24rpx;
- padding: 0 14rpx;
- }
- }
- </style>
|