58 lines
1.6 KiB
Vue
58 lines
1.6 KiB
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="username">
|
|||
|
|
<view class="fon36 colb">{{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:'',
|
|||
|
|
name:'',
|
|||
|
|
address:''
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
methods: {
|
|||
|
|
// 查询关于我们信息
|
|||
|
|
checkAboutUs(){
|
|||
|
|
this.$requst.post('/api/index/about').then(res=>{
|
|||
|
|
if(res.code==0){
|
|||
|
|
this.lat = res.data.lat;
|
|||
|
|
this.lng = res.data.lon;
|
|||
|
|
this.richText = this.$toolAll.tools.escape2Html(res.data.content);
|
|||
|
|
this.address = res.data.address;
|
|||
|
|
} else {
|
|||
|
|
this.$toolAll.tools.showToast(res.msg);
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
goThere(){
|
|||
|
|
this.$toolAll.tools.goThere(this.lat,this.lng,this.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>
|