fix: uniapp 转换脚本开发

.gitignore

@@ -21,3 +21,4 @@ yarn-error.log*
 *.njsproj
 *.sln
 *.sw*
+/source

src/api/goods.api.js

@@ -19,7 +19,7 @@ export const actAndCpn = data => {
   return http.post(`${yxmGwHost}/api/kdsp/sku-info/detail/actAndCpn`, data);
 };
 
-// 详情图片, 通过
+// 详情图片
 export const getDetailPic = url => {
   return http.get(url, { strategy: 'default', hideLoading: 1, skip: 1, hideToast: 1 });
 };

src/components/goodsCard.vue

@@ -8,7 +8,7 @@
       <div v-if="headerType === 'center'" class="Hl-header-center">{{ title }}</div>
       <cr-image
         v-if="headerType === 'image'"
-        src="https://img.lkbang.net/icon-recommend.465d832f185840eaa.465d832f.png"
+        :src="'https://img.lkbang.net/icon-recommend.465d832f185840eaa.465d832f.png' | imogr"
         width="4.53rem"
         height="0.96rem"
         class="Hl-header-image"
@@ -23,9 +23,8 @@
       >
         <div class="Hl-container-item-img">
           <cr-image
-            v-imogr
             class="Hlc-item-img"
-            :src="item.goods.goodsImage | Img2Thumb"
+            :src="item.goods.goodsOrgImage | imogr({ w: 173, h: 173 })"
             lazy-load
             fit="contain"
           />
@@ -53,7 +52,7 @@
                 }"
                 >¥{{ item.goods.discountShow.discountPrice }}</span
               >
-              <img :src="item.goods.discountShow.icon" />
+              <img :src="item.goods.discountShow.icon | imogr" />
             </div>
           </div>
           <!-- 加入购物车 -->
@@ -348,9 +347,9 @@ export default {
             border: 1px solid @border-red;
             font-size: 10px;
             color: @red;
-            border-radius: 5px;
+            border-radius: 3px;
             padding: 2px 5px;
-            margin: 2px 2px 2px 0;
+            margin-right: 3px;
           }
         }
       }

src/components/goodsListMultiLayout.vue

@@ -54,7 +54,6 @@
                 >
                 <img :src="item.goods.discountShow.icon" />
               </div>
-              <!-- <span v-if="item.goods.goodsPrice">¥{{ item.goods.goodsPrice }}</span> -->
             </div>
             <div class="goods-item-info-count-left-bottom">
               <span>已售{{ item.goods.saleCount }}件</span>
@@ -229,7 +228,7 @@ export default {
       }
     }
     &-info {
-      height: 100%;
+      min-height: 116px;
       padding: 0 5px 5px;
       box-sizing: border-box;
       width: calc(100% - 110px);
@@ -271,7 +270,7 @@ export default {
               display: flex;
               align-items: center;
               border: 1px solid @border-red;
-              font-size: 8px;
+              font-size: 12px;
               color: @red;
               border-radius: 3px;
               padding: 1px 3px;

src/components/loginAuthorize/index.vue

@@ -7,7 +7,7 @@
     closeable
     position="bottom"
   >
-    <img v-imogr src="https://img.lkbang.net/tenant/yxm-logo.5h67.png" alt="" class="img" />
+    <img :src="'https://img.lkbang.net/tenant/yxm-logo.5h67.png' | imogr" alt="" class="img" />
     <p class="yxm">羊小咩</p>
     <div class="checkbox-content">
       <cr-checkbox v-model="checked" icon-size="14px" shape="round" class="agreement">

src/config/env.config.js

@@ -2,7 +2,7 @@
  * @Description:
  * @Date: 2021-03-31 19:59:12
  * @LastEditors: gzw
- * @LastEditTime: 2023-05-06 20:05:02
+ * @LastEditTime: 2023-05-09 11:33:27
  */
 const envName = 'yxm';
 const protocol = window.location.protocol;
@@ -15,7 +15,7 @@ const kdspHost = `https://kdsp-api-${envName}.liangkebang.net`;
 const kdspOpHost = `https://kdsp-operation-${envName}.liangkebang.net`;
 const VCC_CHANNEL = '';
 const TERMINAL = 'H5';
-const VERSION = '8.9.40';
+const VERSION = '8.9.80';
 const SOBOT_URL =
   'https://kdspstatic.91xr.cn/kdsp/mine/service/customer-service/customer-service-prod.html';
 const nectarHost = `https://nectar-${envName}.liangkebang.net/`;

src/filters/img2Thumb.filter.js

@@ -2,7 +2,7 @@
  * @Description: 根据图片来源匹配压缩
  * @Date: 2021-04-26 17:47:15
  * @LastEditors: gzw
- * @LastEditTime: 2023-05-06 17:59:13
+ * @LastEditTime: 2023-05-08 19:54:55
  */
 import localStorage from '@/service/localStorage.service';
 const CAN_USE_WEBP = 'checkWebp';

src/main.js

-// 3 main.js导入router.js并挂载
-import {router,RouterMount} from './router/index';
+import Vue from 'vue';
+import { init as sentryInit } from '@sentry/vue';
+import App from './App.vue';
+import router from './router';
+import store from './store';
+import Bridge from '@qg/js-bridge';
+// import '@/service/svg.service';
+import { shuMeiInit, getSmDeviceId } from '@/service/shumei.service';
+import '@/service/cherryUI.service';
+import './style/index.less';
+import '@/assets/svg/index';
+import './style/operator.less';
+import saService from '@/service/sa.service';
+import lazyload from '@qg/cherry-ui/src/lazyload/index';
+import { getToKen } from '@/service/userInfo.service';
+import { imgMogrVue, checkWebp } from '@/filters/img2Thumb.filter';
+import { replaceFavicon } from '@/service/utils.service';
+import { getPublicConfig } from '@/customize';
+const publicConfig = getPublicConfig();
 
-// #ifdef H5
-RouterMount(app,router,'#app')
-// #endif
+Vue.prototype.$track = saService;
+Vue.prototype.$config = publicConfig;
+Vue.prototype.$bridge = new Bridge();
+Vue.use(lazyload);
+Vue.use(imgMogrVue);
 
-// #ifndef H5
-app.$mount(); //为了兼容小程序及app端必须这样写才有效果
-// #endif
+getToKen();
+
+Vue.config.productionTip = false;
\ No newline at end of file
+
+replaceFavicon(publicConfig.faviconPath);
+// eslint-disable-next-line prettier/prettier
+(async () => {
+  await checkWebp();
+  shuMeiInit();
+  getSmDeviceId();
+  // console.log(getSmDeviceId);
+})();
+if (process.env.SENTRY_ENV !== 'test' && process.env.NODE_ENV === 'production') {
+  sentryInit({
+    Vue,
+    attachProps: true, // 允许Sentry上报Vue组件Props
+    logErrors: true, // 引入Sentry SDK后，默认不会将报错打印到控制台，将logErrors设为true强制将报错打印到控制台
+    dsn: 'https://0810381ba85d4b2788ddafa29078851c@sentry.q-gp.com/4',
+    release: 'bmall-ui@1.0.0',
+    tracesSampleRate: 0.5, // 上报频率, 1最大, 0最小, 建议验证设置为1, 项目运行根据情况降低频率
+    environment: process.env.NODE_ENV
+  });
+}
+new Vue({
+  router,
+  store,
+  render: h => h(App)
+}).$mount('#app');

src/mixins/iframeParent.mixin.js

@@ -52,8 +52,9 @@ export default {
     openNewUrl(data) {
       locationHrefPatch(data.newUrl, this.$router);
     },
-    shopCarAddGoodsNotification() {
-      this.queryCartCount();
+    shopCarAddGoodsNotification(data) {
+      // this.queryCartCount();
+      this.$store.dispatch('shopCart/saveCartCount', data.count);
     },
     getShuMeiId() {}
   }

src/pages.json

 {
+  "pages": [
+    {
+      "path": "pages/home",
+      "style": {
+        "navigationBarTitleText": "",
+        "mp-alipay": {
+          "allowsBounceVertical": "NO"
+        }
+      }
+    }
+  ],
   "globalStyle": {
     "navigationBarTextStyle": "black",
     "navigationBarTitleText": "",

temp/pages/home/components/Category.vue → src/pages/home/components/Category.vue

@@ -45,8 +45,7 @@
                 @click="handleToDetailsTrack(item, 'CategoryBrandClick', i)"
               >
                 <cr-image
-                  v-imogr="{ w: 48, h: 48 }"
-                  :src="item.img | Img2Thumb"
+                  :src="item.img | imogr({ w: 48, h: 48 })"
                   fit="contain"
                   class="category-box--brands--item__img"
                 />

temp/pages/home/index.vue → src/pages/home/index.vue

@@ -51,7 +51,8 @@
       </cr-swipe-item>
     </cr-swipe>
     <LoginPopup />
-    <loginGuide v-if="!userInfo.phoneNumber" />
+
+    <loginGuide v-if="!hasLogin" />
     <transition name="fade">
       <Skeleton v-if="skeletonStatus" />
     </transition>
@@ -67,6 +68,7 @@ import historyRecordMixins from '@/mixins/historyRecord.mixins';
 import mxBll from './mixin/mxBll';
 import { Img2Thumb } from '@/filters/img2Thumb.filter';
 import Skeleton from './components/Skeleton.vue';
+import { mapGetters as homeMapGetters } from 'vuex';
 
 export default {
   name: 'Home',
@@ -94,6 +96,7 @@ export default {
     };
   },
   computed: {
+    ...homeMapGetters(['hasLogin']),
     specialCol() {
       return this.$refs.specialCol;
     },