浏览代码

最近访问页面进行修改

wangn 5 年之前
父节点
当前提交
4cb9c7f44f

+ 2 - 2
mallApp/src/components/app-tabbar.vue

@@ -37,8 +37,8 @@ export default {
         },
         {
           "pagePath": "/pages/home/course",
-          "iconPath": "../static/images/common/category-no.png",
-          "selectedIconPath": "../static/images/common/category-is.png",
+          "iconPath": "../static/images/common/icon_class.png",
+          "selectedIconPath": "../static/images/common/icon_class_active.png",
           "text": "课程"
         },
         {

+ 2 - 2
mallApp/src/pages.json

@@ -212,8 +212,8 @@
 			},
       {
         "pagePath": "pages/home/course",
-        "iconPath": "static/images/common/category-no.png",
-        "selectedIconPath": "static/images/common/category-is.png",
+        "iconPath": "static/images/common/icon_class.png",
+        "selectedIconPath": "static/images/common/icon_class_active.png",
         "text": "课程"
       },
 			{

+ 136 - 5
mallApp/src/pages/home/recent.vue

@@ -1,6 +1,6 @@
 <template>
   <view class="latest-content_box">
-    <view class="shop-list_box">
+    <view class="shop-list_box" v-if="show">
       <template v-if="!$util.isEmpty(list)">
         <view
           :key="item.shopId"
@@ -24,34 +24,124 @@
         暂无数据
       </div>
     </view>
+    <div class="app-main app-content" v-else>
+    <app-swiper
+      :list="ad"
+    />
+    <div class="shop-wrap">
+      <div class="shop-tit">{{ shop.name }}</div>
+      <div>厦门市国兰花尚文化传播有限公司,于2010年由名师游俊涛老师、姜祖岚老师凭借18年的花艺资质,10年的教学经验,创办的花艺培训学校,每年都有几百名来自全国各地的学员出师,花店开遍福建省及全国各地,多位学员已成为行业中的佼佼者。。</div>
+    </div>
+    <div class="list-content">
+      <tui-list-view class="tui-list-view">
+        <tui-list-cell
+          :lineLeft="false"
+          :lineRight="false"
+          padding="26rpx 30rpx 26rpx 0"
+          class="tui-list"
+        >
+          <div class="list-wrap">
+            <div class="list-label">营业时间</div>
+            <div class="list-val">{{ shop.openTime || '08:00-22:00' }}</div>
+          </div>
+        </tui-list-cell>
+        <tui-list-cell
+          @click="phoneCall"
+          :lineLeft="false"
+          :lineRight="false"
+          padding="26rpx 30rpx 26rpx 0"
+          class="tui-list"
+        >
+          <div class="list-wrap">
+            <div class="list-label">联系电话</div>
+            <div class="list-val">{{ shop.telephone || '18030142050' }}</div>
+          </div>
+          <div class="list-icon">
+            <i
+              class="iconfont iconditu"
+              style="font-size:36rpx;"
+            ></i>
+          </div>
+        </tui-list-cell>
+        <tui-list-cell
+          @click="goNavBtn"
+          :lineLeft="false"
+          :lineRight="false"
+          padding="26rpx 30rpx 26rpx 0"
+          class="tui-list"
+        >
+          <div class="list-wrap">
+            <div class="list-label">门店地址</div>
+            <div class="list-val">{{ shop.fullAddress || '暂无' }}</div>
+          </div>
+          <div class="list-icon">
+            <i
+              class="iconfont icondianhua"
+              style="font-size:36rpx;"
+            ></i>
+          </div>
+        </tui-list-cell>
+      </tui-list-view>
+    </div>
+    <!-- <app-footer :activeIndex="2" /> -->
+    <app-activily-coupon
+      :show.sync="activeCoupon"
+      :info="newUserGift"
+      :introUserId="option.introUserId"
+    />
+  </div>
   </view>
 </template>
 
 <script>
+import AppSwiper from "@/components/app-swiper";
+import TuiListCell from "@/components/plugin/list-cell";
+import TuiListView from "@/components/plugin/list-view";
+import AppActivilyCoupon from "@/components/module/app-activily-coupon";
 import { recentShop } from "@/api/user";
 import { share } from "@/mixins";
 import AppAvatarModule from "@/components/module/app-avatar";
 import { mapGetters } from 'vuex'
 export default {
   name: "recent",
-  components: { AppAvatarModule },
+  components: { 
+    AppAvatarModule, 
+    AppSwiper,
+    TuiListView,
+    TuiListCell,
+    AppActivilyCoupon },
   mixins: [share],
   data () {
     return {
-      list: []
+      list: [],
+      show: false,
+      ad: [
+        {
+          "img":"https://img.theflorist.cn//uploads/12358/202005/30/73ef244f75d985e5295c6481a693fd23.jpeg"
+        },
+        {
+          "img":"https://img.theflorist.cn//uploads/12358/202005/30/3bba7b038c37bf76332db788ce9bd6aa.jpeg"
+        },
+        {
+          "img":"https://img.theflorist.cn//uploads/12358/202005/30/7df62ab2bf506b3caeb3b946bb7c4653.jpeg"
+        },
+        {
+          "img":"https://img.theflorist.cn//uploads/12358/202005/30/e6ca9d6d4265674b79cc52579951fba3.jpeg"
+        }]
     };
   },
   computed: {
     ...mapGetters({ userInfo: "getUser" })
   },
   onLoad () {
-
   },
   methods: {
     async init () {
       try {
         const { data } = await recentShop({})
-        this.list = data
+        this.list = data.list
+        this.show = data.showIndex
+        console.log(this.show)
       } catch (e) {
       }
     }
@@ -106,4 +196,45 @@ export default {
     }
   }
 }
+.shop-wrap {
+  padding: 40px 20px;
+  color: $fontColor3;
+  background-color: #fff;
+  margin-bottom: 20px;
+  .shop-tit {
+    font-size: 38px;
+    color: #333;
+    font-weight: 600;
+    margin-bottom: 20px;
+  }
+}
+.list-content {
+  background-color: #fff;
+  .tui-list {
+    width: calc(100% - 20px);
+    @include disFlex(center, space-between);
+    // padding-left: 0 !important;
+    margin-left: 20px;
+    .list-wrap {
+      width: calc(100% - 40px);
+      @include disFlex(center, flex-start);
+      color: $fontColor3;
+      .list-label {
+        width: 150px;
+        color: #333;
+        // margin-right: 40px;
+      }
+      .list-val {
+        width: calc(100% - 150px);
+      }
+    }
+    .list-icon {
+      margin-right: 10px;
+      .iconfont {
+        color: $mainColor;
+        font-weight: bold;
+      }
+    }
+  }
+}
 </style>

+ 1 - 0
mallApp/src/pages/home/shop.vue

@@ -147,6 +147,7 @@ export default {
           e.img = e.adImgUrl;
           return e;
         });
+        console.log('this.ad', JSON.stringify(this.ad))
         this.shop = res.data.shop;
         if (!this.$util.isEmpty(res.data.newUserGift)) {
           this.newUserGift = res.data.newUserGift;

二进制
mallApp/src/static/images/admin/cicon_class.png


二进制
mallApp/src/static/images/admin/icon_class_active.png


二进制
mallApp/src/static/images/common/icon_class.png


二进制
mallApp/src/static/images/common/icon_class_active.png