mall-applet1/pagesB/business-profile/business-profile.vue

<template>
	<view>
		<status-container titlet="关于我们" :ifCustomer='false'>
			<view slot="content">
				<view class="pad20">
					<view class="radius30 bacf pad-sx40 pad-zy40 mar-x30" v-if="company_name">
						<view class="fon36 colb">{{company_name}}</view>
						<view class="fon30 colb mar-s20 mar-x10">{{phone}}（{{username}}）</view>
						<view class="fon24" style="color: #8c8c9b;">{{address}}</view>
					</view>
					<view @tap="goThere" class="navigate-to-where radius30 colf fon36 tcenter">立即导航</view>
					<view class="fon48 col0 mar-sx50">关于我们</view>
					<rich-text :nodes="richText" class="fon30 line-h50" style="color: #8c8c9b;"></rich-text>
				</view>
			</view>
		</status-container>
	</view>
</template>

<script>
	
	export default {
		data() {
			return {
				phone:'',
				username:'',
				richText:'',
				lat:'',
				lng:'',
				company_name:'',
				address:''
			}
		},
		onLoad() {
			this.checkAboutUs();
		},
		methods: {
			// 查询关于我们信息
			checkAboutUs(){
				this.$requst.post('/api/index/about').then(res=>{
					if(res.code==0){
						let obj = res.data;
						this.lat = obj.lat;
						this.lng = obj.lon;
						this.phone = obj.phone
						this.username = obj.contacts;
						this.richText = this.$toolAll.tools.escape2Html(obj.content);
						this.address = obj.address;
						this.company_name = obj.company_name;
					} else {
						this.$toolAll.tools.showToast(res.msg);
					}
				})
			},
			goThere(){
				this.$toolAll.tools.goThere(this.lat,this.lng,this.company_name,this.address);
			}
		}
	}
</script>

<style>
	.navigate-to-where {height: 98rpx;line-height: 98rpx;background: linear-gradient(to right, #ff3772 0%,#fd5548 100%);box-shadow: 0rpx 6rpx 10rpx rgba(255, 55, 114, .6);}
</style>