<template> <view class="page"> <u-navbar :title="tit" :border-bottom="false" :background="bgc" title-color='#000' back-icon-color="#000" title-size='36' height='50'></u-navbar> <view class="box"> <view class="title"> {{obj.title}} </view> <view class="js" v-html="obj.content == null ? '' : obj.content"> </view> </view> </view> </template> <script> export default { data() { return { obj:{}, tit:'' } }, onLoad(option) { this.tit = option.tit this.getabout() }, methods: { getabout(){ let type = '' if(this.tit == '用户协议'){ type = 'user' }else if(this.tit == '隐私政策'){ type = 'privacy' }else if(this.tit == '关于我们'){ type = 'about' } this.$u.get(`/app/article/licence/${type}`).then((res) => { if (res.code == 200) { this.obj= res.data } }) } } } </script> <style lang="scss"> /deep/ .u-title, /deep/ .uicon-nav-back { padding-bottom: 22rpx; } page { background: linear-gradient(180deg, #54DAA1 0%, rgba(255, 255, 255, 0) 100%); } .page { width: 750rpx; position: fixed; top: 0; left: 0; .box{ width: 750rpx; height: 1440rpx; background: #F4F5F7; border-radius: 0rpx 0rpx 0rpx 0rpx; padding: 40rpx 34rpx; box-sizing: border-box; .title{ font-weight: 600; font-size: 36rpx; color: #3D3D3D; } .tit{ font-weight: 600; font-size: 36rpx; color: #3D3D3D; margin-top: 32rpx; } .nav_top{ width: 680rpx; height: 322rpx; background: #EEEEEE; border-radius: 0rpx 0rpx 0rpx 0rpx; margin: auto; margin-top: 32rpx; } .js{ font-size: 28rpx; color: #3D3D3D; margin-top: 32rpx; } .nav_bom{ width: 680rpx; height: 322rpx; background: #EEEEEE; border-radius: 0rpx 0rpx 0rpx 0rpx; margin: auto; margin-top: 32rpx; } } } </style>