store.vue 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103
  1. <template>
  2. <view>
  3. <view class="home-store flex-y-center">
  4. <view class="flex-grow-1">
  5. <view class="box-pack-between flex-grow-1 flex-y-center">
  6. <text>{{systemInfo.title}}</text>
  7. <view class="more-businessTime flex-y-center" @click="getShop"><text
  8. style="margin-right: 6rpx;">更多门店</text><text class="iconfont icon-jiantou1"></text></view>
  9. </view>
  10. <view class="businessTime flex-grow-1 box-pack-between flex-y-center">
  11. <view class="flex-grow-1">
  12. <view class="businessTime businessTimeItem" v-if="systemInfo.is_rest==2 && systemInfo.time">
  13. 营业时间:{{systemInfo.time}}-{{systemInfo.time2}}
  14. </view>
  15. <view class=" box-pack-between flex-grow-1" @click="getNavigation">
  16. <text class="iconfont icon-dizhi">{{systemInfo.address}}</text>
  17. <text class="iconfont icon-icon-test"></text>
  18. </view>
  19. </view>
  20. </view>
  21. </view>
  22. </view>
  23. </view>
  24. </template>
  25. <script>
  26. import {
  27. mapState,
  28. mapMutations
  29. } from 'vuex'
  30. export default {
  31. data() {
  32. return {
  33. }
  34. },
  35. computed: {
  36. ...mapState(['systemInfo'])
  37. },
  38. methods:{
  39. getShop(e) {
  40. uni.navigateTo({
  41. url: "../../shop/index/index"
  42. })
  43. },
  44. // 打开地图
  45. getNavigation() {
  46. // console.log(this.systemInfo.set.coordinates)
  47. let obj = this.systemInfo.set.coordinates.split(",");
  48. uni.openLocation({
  49. latitude: Number(obj[0]),
  50. longitude: Number(obj[1]),
  51. name: this.systemInfo.title,
  52. address: this.systemInfo.address,
  53. success: function() {
  54. console.log('success');
  55. }
  56. });
  57. },
  58. }
  59. }
  60. </script>
  61. <style>
  62. .home-store {
  63. font-size: 30rpx;
  64. /* width: 690rpx; */
  65. background-color: #FFFFFF;
  66. margin: 0 auto;
  67. /* height: 180rpx; */
  68. margin-top: 25rpx;
  69. padding: 20rpx 40rpx;
  70. border-radius: 14rpx;
  71. box-shadow: 0rpx 8rpx 16rpx 0rpx rgba(204, 215, 230, 0.08);
  72. }
  73. .home-pay-title {
  74. font-size: 30rpx;
  75. }
  76. .more-businessTime {
  77. font-size: 24rpx;
  78. }
  79. .businessTime {
  80. font-size: 24rpx;
  81. color: #999999;
  82. padding-top: 10rpx;
  83. }
  84. .businessTimeItem {
  85. margin-bottom: 10rpx;
  86. }
  87. .businessTime .icon-dizhi {
  88. font-size: 24rpx;
  89. }
  90. </style>