fix: mp

apps/web-ele/src/views/mp/modules/wx-material-select/main.vue

@@ -2,7 +2,6 @@
   - Copyright (C) 2018-2019
   - All rights reserved, Designed By www.joolun.com
   芋道源码：
-  ① 移除 avue 组件，使用 ElementUI 原生组件
 -->
 <script lang="ts" setup>
 import { onMounted, reactive, ref } from 'vue';

apps/web-ele/src/views/mp/modules/wx-msg/card.scss

@@ -1,4 +1,4 @@
-.avue-card {
+.mp-card {
   &__item {
     box-sizing: border-box;
     height: 200px;
@@ -99,18 +99,18 @@
 }
 
 /** joolun 额外加的 */
-.avue-comment__main {
+.mp-comment__main {
   flex: unset !important;
   margin: 0 8px !important;
   border-radius: 5px !important;
 }
 
-.avue-comment__header {
+.mp-comment__header {
   border-top-left-radius: 5px;
   border-top-right-radius: 5px;
 }
 
-.avue-comment__body {
+.mp-comment__body {
   border-bottom-right-radius: 5px;
   border-bottom-left-radius: 5px;
 }

apps/web-ele/src/views/mp/modules/wx-msg/comment.scss

@@ -1,5 +1,5 @@
 /* 来自 https://github.com/nmxiaowei/avue/blob/master/styles/src/element-ui/comment.scss  */
-.avue-comment {
+.mp-comment {
   display: flex;
   align-items: flex-start;
   margin-bottom: 30px;
@@ -7,7 +7,7 @@
   &--reverse {
     flex-direction: row-reverse;
 
-    .avue-comment__main {
+    .mp-comment__main {
       &::before,
       &::after {
         right: -8px;

apps/web-ele/src/views/mp/modules/wx-msg/modules/msg-list.vue

@@ -55,7 +55,7 @@ const getNickname = (sendFrom: SendFromType) =>
         <div
           class="flex items-center justify-between rounded-t-[5px] border-b border-[#eee] bg-[#f8f8f8] px-[15px] py-[5px]"
         >
-          <div class="avue-comment__create_time">
+          <div class="mp-comment__create_time">
             {{ formatDateTime(item.createTime) }}
           </div>
         </div>

apps/web-ele/src/views/mp/modules/wx-music/main.vue

@@ -44,18 +44,15 @@ defineExpose({
       target="_blank"
       :href="hqMusicUrl ? hqMusicUrl : musicUrl"
     >
-      <div
-        class="avue-card__body"
-        style="padding: 10px; background-color: #fff; border-radius: 5px"
-      >
-        <div class="avue-card__avatar">
+      <div class="mp-card__body bg-background rounded-sm p-2.5">
+        <div class="mp-card__avatar">
           <img :src="thumbMediaUrl" alt="" />
         </div>
-        <div class="avue-card__detail">
-          <div class="avue-card__title" style="margin-bottom: unset">
+        <div class="mp-card__detail">
+          <div class="mp-card__title" style="margin-bottom: unset">
             {{ title }}
           </div>
-          <div class="avue-card__info" style="height: unset">
+          <div class="mp-card__info" style="height: unset">
             {{ description }}
           </div>
         </div>