65 lines
1.7 KiB
Vue
65 lines
1.7 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="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>
|