fix: 样式调整，域名修改；

mall4uni/.env.development

@@ -10,7 +10,8 @@ VITE_APP_ENV = 'development'
 VITE_APP_MP_APPID = 'wx42bbe857570c5b40'
 
 # 统一接口域名
-VITE_APP_BASE_API = 'https://wy6.test.jiutianda.cn'
+# VITE_APP_BASE_API = 'https://wy6.test.jiutianda.cn'
+VITE_APP_BASE_API = 'http://124.71.134.146:18086'
 
 # 图片域名
 VITE_APP_RESOURCES_URL = 'https://img.mall4j.com/'

mall4uni/.env.production

@@ -10,7 +10,7 @@ VITE_APP_ENV = 'production'
 VITE_APP_MP_APPID = 'wx42bbe857570c5b40'
 
 # 统一接口域名
-VITE_APP_BASE_API = 'http://127.0.0.1:8086'
+VITE_APP_BASE_API = 'http://124.71.134.146:18086'
 
 # 图片域名
 VITE_APP_RESOURCES_URL = 'https://img.mall4j.com/'

mall4uni/src/App.vue

@@ -1,9 +1,9 @@
 <script setup>
-http.getCartCount()
+http.getCartCount();
 </script>
 
-<style lang="scss" scoped>
-@import "./app.css";
+<style lang="scss">
+@import './app.css';
 /* 隐藏头部 */
 uni-page-head {
   display: none;

mall4uni/src/app.css

@@ -3,19 +3,20 @@
   height: 100%;
   box-sizing: border-box;
   color: #333;
-  font-family: helvetica,'Heiti SC',PingFangSC-Light;
+  font-family: helvetica, 'Heiti SC', PingFangSC-Light;
 }
-.price{
+
+.price {
   font-family: Arial;
   display: inline-block;
   color: #eb2444;
-  padding-bottom:10rpx;
-  padding-left:10rpx;
+  padding-bottom: 10rpx;
+  padding-left: 10rpx;
 }
 
 /* 价格数字显示不同大小 */
 .symbol {
-  font-size: 24rpx;
+  font-size: 34rpx;
 }
 
 .big-num {
@@ -34,24 +35,28 @@
 uni-checkbox-group {
   width: 100% !important;
 }
-uni-checkbox-group uni-label{
+
+uni-checkbox-group uni-label {
   width: 33% !important;
   display: inline-flex;
   margin-bottom: 20rpx;
 }
+
 /*checkbox 选项框大小  */
-uni-checkbox .uni-checkbox-input{
+uni-checkbox .uni-checkbox-input {
   width: 38rpx !important;
   height: 38rpx !important;
-  border-radius: 50%!important;
+  border-radius: 50% !important;
 }
+
 /*checkbox选中后样式  */
-uni-checkbox .uni-checkbox-input.uni-checkbox-input-checked{
+uni-checkbox .uni-checkbox-input.uni-checkbox-input-checked {
   background: #e43130;
   border: 1px solid transparent !important;
 }
+
 /*checkbox选中后图标样式  */
-uni-checkbox .uni-checkbox-input.uni-checkbox-input-checked::before{
+uni-checkbox .uni-checkbox-input.uni-checkbox-input-checked::before {
   display: inline-block;
   width: 20rpx;
   height: 20rpx;
@@ -69,27 +74,29 @@ uni-checkbox .uni-checkbox-input.uni-checkbox-input-checked::before{
 *自定义样式
 */
 /* 未选中的 背景样式 */
-uni-radio .uni-radio-input{
+uni-radio .uni-radio-input {
   height: 36rpx;
   width: 36rpx;
   border-radius: 50%;
   background: transparent;
   box-sizing: border-box;
 }
+
 /* 选中后的 背景样式 */
-uni-radio .uni-radio-input.uni-radio-input-checked{
+uni-radio .uni-radio-input.uni-radio-input-checked {
   border: none !important;
   background: #e43130 !important;
 }
+
 /* 选中后的 对勾样式 */
-uni-radio .uni-radio-input.uni-radio-input-checked::before{
+uni-radio .uni-radio-input.uni-radio-input-checked::before {
   border-radius: 50%;
   width: 32rpx;
   height: 32rpx;
   line-height: 32rpx;
   text-align: center;
   font-size: 20rpx;
-  color:#fff;
+  color: #fff;
   background: #e43130;
   border-radius: 50%;
   transform: translate(-50%, -50%) scale(1);
@@ -97,12 +104,13 @@ uni-radio .uni-radio-input.uni-radio-input-checked::before{
 }
 
 /* 底部按钮兼容 iPhone X以上 */
-@media screen and (width: 375px) and (height: 812px){
+@media screen and (width: 375px) and (height: 812px) {
   .container {
     padding-bottom: 70px;
   }
 }
-@media screen and (width: 414px) and (height: 736px){
+
+@media screen and (width: 414px) and (height: 736px) {
   .container {
     padding-bottom: 70px;
   }

mall4uni/src/pages/index/index.vue

@@ -4,18 +4,25 @@
       <view class="scrolltop">
         <view class="section" @tap="toSearchPage">
           <image src="@/static/images/icon/search.png" class="search-img" />
-          <text class="placeholder">
-            搜索
-          </text>
+          <text class="placeholder">搜索</text>
         </view>
       </view>
     </view>
 
     <view class="content">
       <!-- swiper -->
-      <swiper :autoplay="autoplay" :indicator-color="indicatorColor" :interval="interval" :duration="duration"
-        :indicator-active-color="indicatorActiveColor + ' '" :circular="true" class="pic-swiper" indicator-dots
-        previous-margin="20rpx" next-margin="20rpx">
+      <swiper
+        :autoplay="autoplay"
+        :indicator-color="indicatorColor"
+        :interval="interval"
+        :duration="duration"
+        :indicator-active-color="indicatorActiveColor + ' '"
+        :circular="true"
+        class="pic-swiper"
+        indicator-dots
+        previous-margin="20rpx"
+        next-margin="20rpx"
+      >
         <block v-for="(item, index) in indexImgs" :key="index">
           <swiper-item class="banner-item">
             <view class="img-box">
@@ -62,13 +69,11 @@
     <view v-if="updata" class="updata">
       <block v-for="(item, index) in taglist" :key="index">
         <!-- 每日上新 -->
-        <view v-if="item.style==='2' && item.prods && item.prods.length" class="up-to-date">
+        <view v-if="item.style === '2' && item.prods && item.prods.length" class="up-to-date">
           <view class="title">
             <text>{{ item.title }}</text>
             <view class="more-prod-cont" data-sts="0" :data-id="item.id" :data-title="item.title" @tap="toClassifyPage">
-              <text class="more">
-                查看更多
-              </text>
+              <text class="more">查看更多</text>
             </view>
           </view>
           <view class="item-cont">
@@ -82,15 +87,11 @@
                     {{ prod.prodName }}
                   </view>
                   <view class="price">
-                    <text class="symbol">
-                      ￥
-                    </text>
+                    <text class="symbol">￥</text>
                     <text class="big-num">
                       {{ wxs.parsePrice(prod.price)[0] }}
                     </text>
-                    <text class="small-num">
-                      .{{ wxs.parsePrice(prod.price)[1] }}
-                    </text>
+                    <text class="small-num">.{{ wxs.parsePrice(prod.price)[1] }}</text>
                   </view>
                 </view>
               </view>
@@ -99,13 +100,11 @@
         </view>
 
         <!-- 商城热卖 -->
-        <view v-if="item.style==='1' && item.prods && item.prods.length" class="hot-sale">
+        <view v-if="item.style === '1' && item.prods && item.prods.length" class="hot-sale">
           <view class="title">
             <text>{{ item.title }}</text>
             <view class="more-prod-cont" data-sts="0" :data-id="item.id" :data-title="item.title" @tap="toClassifyPage">
-              <text class="more">
-                更多
-              </text>
+              <text class="more">更多</text>
               <text class="arrow" />
             </view>
           </view>
@@ -124,15 +123,11 @@
                   </view>
                   <view class="prod-text-info">
                     <view class="price">
-                      <text class="symbol">
-                        ￥
-                      </text>
+                      <text class="symbol">￥</text>
                       <text class="big-num">
                         {{ wxs.parsePrice(prod.price)[0] }}
                       </text>
-                      <text class="small-num">
-                        .{{ wxs.parsePrice(prod.price)[1] }}
-                      </text>
+                      <text class="small-num">.{{ wxs.parsePrice(prod.price)[1] }}</text>
                     </view>
                     <image src="@/static/images/tabbar/basket-sel.png" class="basket-img" />
                   </view>
@@ -143,7 +138,7 @@
         </view>
 
         <!-- 更多宝贝 -->
-        <view v-if="item.style==='0' && item.prods && item.prods.length" class="more-prod">
+        <view v-if="item.style === '0' && item.prods && item.prods.length" class="more-prod">
           <view class="title">
             {{ item.title }}
           </view>
@@ -162,15 +157,11 @@
                   </view>
                   <view class="b-cart">
                     <view class="price">
-                      <text class="symbol">
-                        ￥
-                      </text>
+                      <text class="symbol">￥</text>
                       <text class="big-num">
                         {{ wxs.parsePrice(prod.price)[0] }}
                       </text>
-                      <text class="small-num">
-                        .{{ wxs.parsePrice(prod.price)[1] }}
-                      </text>
+                      <text class="small-num">.{{ wxs.parsePrice(prod.price)[1] }}</text>
                     </view>
                     <image src="@/static/images/tabbar/basket-sel.png" class="basket-img" @tap.stop="addToCart(prod)" />
                   </view>
@@ -185,79 +176,79 @@
 </template>
 
 <script setup>
-  const wxs = number()
-  const indicatorColor = ref('#d1e5fb')
-  const indicatorActiveColor = ref('#1b7dec')
-  const autoplay = ref(true)
-  const interval = ref(2000)
-  const duration = ref(1000)
-  const indexImgs = ref([])
-  const seq = ref(0)
-  const news = ref([])
-  const taglist = ref([])
-  const updata = ref(true)
+const wxs = number();
+const indicatorColor = ref('#d1e5fb');
+const indicatorActiveColor = ref('#1b7dec');
+const autoplay = ref(true);
+const interval = ref(2000);
+const duration = ref(1000);
+const indexImgs = ref([]);
+const seq = ref(0);
+const news = ref([]);
+const taglist = ref([]);
+const updata = ref(true);
 
-  onLoad(() => {
-    getAllData()
-  })
-  onShow(() => {
+onLoad(() => {
+  getAllData();
+});
+onShow(() => {
   // #ifdef MP-WEIXIN
   uni.getSetting({
     success(res) {
       if (!res.authSetting['scope.userInfo']) {
         uni.navigateTo({
           url: '/pages/login/login'
-          })
+        });
       }
     }
-    })
+  });
   // #endif
-    http.getCartCount() // 重新计算购物车总数量
-  })
+  http.getCartCount(); // 重新计算购物车总数量
+});
 
-  onPullDownRefresh(() => {
+onPullDownRefresh(() => {
   // 模拟加载
   setTimeout(() => {
-      getAllData()
-      uni.stopPullDownRefresh() // 停止下拉刷新
-    }, 100)
-  })
+    getAllData();
+    uni.stopPullDownRefresh(); // 停止下拉刷新
+  }, 100);
+});
 
-  const getAllData = () => {
-    http.getCartCount() // 重新计算购物车总数量
-    getIndexImgs()
-    getNoticeList()
-    getTag()
-  }
+const getAllData = () => {
+  http.getCartCount(); // 重新计算购物车总数量
+  getIndexImgs();
+  getNoticeList();
+  getTag();
+};
 
-  const toProdPage = (e) => {
-    const prodid = e.currentTarget.dataset.prodid
+const toProdPage = (e) => {
+  const prodid = e.currentTarget.dataset.prodid;
 
   if (prodid) {
     uni.navigateTo({
       url: '/pages/prod/prod?prodid=' + prodid
-      })
-    }
+    });
   }
-  /**
+};
+/**
  * 加入购物车
  * @param item
  */
-  const addToCart = (item) => {
+const addToCart = (item) => {
   uni.showLoading({
     mask: true
-    })
-    http.request({
+  });
+  http
+    .request({
       url: '/prod/prodInfo',
       method: 'GET',
       data: {
         prodId: item.prodId
       }
     })
-      .then(({
-        data
-      }) => {
-        http.request({
+    .then(({ data }) => {
+      http
+        .request({
           url: '/p/shopCart/changeItem',
           method: 'POST',
           data: {
@@ -269,112 +260,110 @@
           }
         })
         .then(() => {
-            uni.hideLoading()
-            http.getCartCount() // 重新计算购物车总数量
+          uni.hideLoading();
+          http.getCartCount(); // 重新计算购物车总数量
           uni.showToast({
             title: '加入购物车成功',
             icon: 'none'
-            })
-          })
-      })
-  }
+          });
+        });
+    });
+};
 
-  const toCouponCenter = () => {
+const toCouponCenter = () => {
   uni.showToast({
     icon: 'none',
     title: '功能开发中'
-    })
-  }
+  });
+};
 
-  /**
+/**
  * 跳转搜索页
  */
-  const toSearchPage = () => {
+const toSearchPage = () => {
   uni.navigateTo({
     url: '/pages/search-page/search-page'
-    })
-  }
+  });
+};
 
-  /**
+/**
  * 跳转商品活动页面
  * @param e
  */
-  const toClassifyPage = (e) => {
-    let url = '/pages/prod-classify/prod-classify?sts=' + e.currentTarget.dataset.sts
-    const id = e.currentTarget.dataset.id
-    const title = e.currentTarget.dataset.title
+const toClassifyPage = (e) => {
+  let url = '/pages/prod-classify/prod-classify?sts=' + e.currentTarget.dataset.sts;
+  const id = e.currentTarget.dataset.id;
+  const title = e.currentTarget.dataset.title;
 
   if (id) {
-      url += '&tagid=' + id + '&title=' + title
+    url += '&tagid=' + id + '&title=' + title;
   }
 
   uni.navigateTo({
     url
-    })
-  }
-  /**
+  });
+};
+/**
  * 跳转公告列表页面
  */
-  const onNewsPage = () => {
+const onNewsPage = () => {
   uni.navigateTo({
     url: '/pages/recent-news/recent-news'
-    })
-  }
+  });
+};
 
-  /**
+/**
  * 加载轮播图
  */
-  const getIndexImgs = () => {
-    http.request({
+const getIndexImgs = () => {
+  http
+    .request({
       url: '/indexImgs',
       method: 'GET',
       data: {}
     })
-      .then(({
-        data
-      }) => {
-        indexImgs.value = data
-        seq.value = data
-      })
-  }
+    .then(({ data }) => {
+      indexImgs.value = data;
+      seq.value = data;
+    });
+};
 
-  const getNoticeList = () => {
+const getNoticeList = () => {
   // 加载公告
-    http.request({
+  http
+    .request({
       url: '/shop/notice/topNoticeList',
       method: 'GET',
       data: {}
     })
-      .then(({
-        data
-      }) => {
-        news.value = data
-      })
-  }
+    .then(({ data }) => {
+      news.value = data;
+    });
+};
 
-  /**
+/**
  * 加载商品标题分组列表
  */
-  const getTag = () => {
-    http.request({
+const getTag = () => {
+  http
+    .request({
       url: '/prod/tag/prodTagList',
       method: 'GET',
       data: {}
     })
-      .then(({
-        data
-      }) => {
-        taglist.value = data
+    .then(({ data }) => {
+      taglist.value = data;
       for (let i = 0; i < data.length; i++) {
-          updata.value = false
-          updata.value = true
-          getTagProd(data[i].id, i)
-        }
-      })
+        updata.value = false;
+        updata.value = true;
+        getTagProd(data[i].id, i);
       }
+    });
+};
 
-  const getTagProd = (id, index) => {
-    http.request({
+const getTagProd = (id, index) => {
+  http
+    .request({
       url: '/prod/prodListByTagId',
       method: 'GET',
       data: {
@@ -382,18 +371,16 @@
         size: 6
       }
     })
-      .then(({
-        data
-      }) => {
-        updata.value = false
-        updata.value = true
-        const taglistParam = taglist.value
-        taglistParam[index].prods = data.records
-        taglist.value = taglistParam
-      })
-  }
+    .then(({ data }) => {
+      updata.value = false;
+      updata.value = true;
+      const taglistParam = taglist.value;
+      taglistParam[index].prods = data.records;
+      taglist.value = taglistParam;
+    });
+};
 </script>
 
 <style scoped lang="scss">
-  @use './index.scss';
+@use './index.scss';
 </style>