zsw-farm-bxg/pages/user/AboutUs/index.vue

<template>
	<view>
		<view class="header">
			<cu-custom :isBack="true" :isCenter="true">
				<block slot="backText">
					<view class="backImg">
						<image src="@/static/images/back-btn.png" mode="" ></image>
					</view>
				</block>
				<block slot="content">
					<view class="tab-title">关于我们</view>
				</block>
			</cu-custom>
		</view>
		<view class="conter">
			<!-- <image class="img" src="../../../static/images/guanyu.jpg" mode="widthFix"></image> -->
			<mp-html id="article" :setTitle="false" :lazy-load="true" :copy-link="false" :tag-style="tagStyle"
				:content="aboutUsDetail"/>
		</view>
	</view>
</template>

<script>
	import {getAboutUs} from '@/api/user.js';
	export default {
		
		data() {
			return {
				aboutUsDetail:{},
				tagStyle: {
					img: 'padding:0;margin:0;font-size:0;display:block;'
				}
			};
			
		},
		mounted() {
			this.getAbout()
		},
		
		methods: {
			getAbout(){
				uni.showLoading({
				  title: '加载中',
				  mask: true,
				})
				getAboutUs().then(res=>{
					 uni.hideLoading()
					this.aboutUsDetail=res.data.routine_aboutUs.replace(/\<img/gi, '<img style="max-width:100%;height:auto;"')
					console.log(res,'=======');
				})
			}
			
		}
	}
</script>

<style lang="less" scoped>
	.header {
		.tab-title {
			font-size: 32rpx;
			font-family: PingFang SC;
			font-weight: 600;
			color: #2DB5AE;
			line-height: 42rpx;
		}

		.backImg {
			width: 88rpx;
			height: 62rpx;
			padding-left: 26rpx;

			image {
				width: 100%;
				height: 100%;
			}
		}
	}

	.img{
		width: 100%;
		// height: 100%;
	}
	.conter {
		font-size: 30rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #3A3A3C;
		// line-height: 32rpx;
		padding: 0rpx 30rpx;
	}
	
</style>