index.vue 1.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  1. <template>
  2. <view class="o-w o-h o-pt-30 o-plr-30">
  3. <view class="l-boxShadow c-bg-f c-radius-10 o-ptb-40 o-plr-40">
  4. <image src="/static/images/mine/logo.png" mode="" style="background-color: #fff;width: 100%;height: 100px;"></image>
  5. <view class="o-mb-20" @click="callPhone">
  6. <u-icon labelColor="#888" color="#3c9cff" label="电话" size="20" name="phone"></u-icon>
  7. <view class="o-pl-44">{{ companyInfo.phoneNumber }}</view>
  8. </view>
  9. <view class="o-mb-20">
  10. <u-icon labelColor="#888" color="#3c9cff" label="公司地址" size="20" name="map"></u-icon>
  11. <view class="o-pl-44">{{ companyInfo.address }}</view>
  12. </view>
  13. <u-button @click="callPhone" type="primary" text="我要开店"></u-button>
  14. </view>
  15. </view>
  16. </template>
  17. <script>
  18. export default {
  19. data() {
  20. return {
  21. companyInfo: {
  22. phoneNumber: '020-31062206',
  23. address: '广州市番禺区桥南街蚬涌村联兴路11号华深科技园五层'
  24. }
  25. };
  26. },
  27. methods: {
  28. callPhone() {
  29. uni.makePhoneCall({
  30. phoneNumber: this.companyInfo.phoneNumber
  31. });
  32. }
  33. }
  34. };
  35. </script>
  36. <style lang="scss"></style>
  37. <!-- <template>
  38. <view class="l-flex-center o-w o-h">
  39. <view class="o-plr-40">
  40. <view class="c-text-c">
  41. <text>请长按二维码</text>
  42. </view>
  43. <view class="c-text-c o-mtb-20">
  44. <text>添加工作人员微信,获取最新开店优惠政策</text>
  45. </view>
  46. <view class="l-f l-flex-j-c">
  47. <u--image src="/static/images/home/goods/A01.png">
  48. <view slot="error" style="font-size: 24rpx;">工作人员微信图片加载失败</view>
  49. </u--image>
  50. </view>
  51. </view>
  52. </view>
  53. </template>
  54. <script>
  55. export default {
  56. data() {
  57. return {};
  58. },
  59. methods: {}
  60. };
  61. </script>
  62. <style lang="scss"></style>
  63. -->