真食物配套的电商小程序.
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.
 
 
 

92 lines
1.7 KiB

<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>