feat: 优化界面ui，去除size="small" 设为默认值

2025-04-27 15:50:11 +08:00 · 2024-03-20 11:51:08 +08:00 · 2024-03-20 11:51:08 +08:00 · 21bfbc577d
commit 21bfbc577d
parent 882e361801
20 changed files with 95 additions and 127 deletions
--- a/public/index.html
+++ b/public/index.html
@ -7,7 +7,7 @@
    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
    <title><%= htmlWebpackPlugin.options.title %></title>
    <script src="./config/config.js"></script>
-    <script src="https://cdn.tiny.cloud/1/no-api-key/tinymce/5/tinymce.min.js" referrerpolicy="origin"></script>
+    <script src="https://cdn.tiny.cloud/1/3gq1232lm2ksbcww0t6pr7bibes3vkji136kh0fd2tu4x3an/tinymce/5/tinymce.min.js" referrerpolicy="origin"></script>
  </head>
  <body>
    <noscript>
--- a/src/components/componentscom/communitypowder/index.vue
+++ b/src/components/componentscom/communitypowder/index.vue
@ -17,7 +17,7 @@
            <p class="last">{{ datas.describe }}</p>
          </div>
        </div>
-        <van-button class="rig" type="danger" size="small" color="#f44">{{
+        <van-button class="rig" type="danger" color="#f44">{{
          datas.buttonName
        }}</van-button>
      </div>
--- a/src/components/rightslider/auxiliarysegmentationstyle/index.vue
+++ b/src/components/rightslider/auxiliarysegmentationstyle/index.vue
@ -4,7 +4,7 @@
    <h2>{{ datas.text }}</h2>

    <!-- 表单 -->
-    <el-form label-width="80px" :model="datas" size="small">
+    <el-form label-width="80px" :model="datas">
      <!-- 空白高度 -->
      <el-form-item label="空白高度" class="lef">
        <el-slider
--- a/src/components/rightslider/captiontextsstyle/index.vue
+++ b/src/components/rightslider/captiontextsstyle/index.vue
@ -4,7 +4,7 @@
    <h2>{{ datas.text }}</h2>

    <!-- 表单 -->
-    <el-form label-width="80px" :model="datas" size="small" :rules="rules">
+    <el-form label-width="80px" :model="datas" :rules="rules">
      <!-- 标题内容 -->
      <el-form-item label="标题内容">
        <el-input
@ -200,14 +200,16 @@
          type="text"
          style="width: 110px; margin: 15px"
          v-model="datas.more.text"
-          size="small"
        />

        <div style="height: 10px" />

        <!-- 跳转链接 -->
        <el-form-item label="跳转链接">
-          <el-radio-group v-model="datas.more.httpType" style="margin-left: 18px">
+          <el-radio-group
+            v-model="datas.more.httpType"
+            style="margin-left: 18px"
+          >
            <el-radio :label="10">内部链接</el-radio>
            <el-radio :label="11">外部链接</el-radio>
          </el-radio-group>
--- a/src/components/rightslider/commoditysearchstyle/index.vue
+++ b/src/components/rightslider/commoditysearchstyle/index.vue
@ -9,7 +9,7 @@
    </p>

    <!-- 表单 -->
-    <el-form label-width="80px" :model="datas" size="small">
+    <el-form label-width="80px" :model="datas">
      <div v-if="datas.hotords[0]">
        <vuedraggable
          :list="datas.hotords"
@ -19,7 +19,11 @@
        >
          <template #item="{ element }">
            <section class="imgList">
-              <van-icon class="el-icon-circle-close" name="close"  @click="deleteHotords(index)"/>
+              <van-icon
+                class="el-icon-circle-close"
+                name="close"
+                @click="deleteHotords(index)"
+              />
              <!-- 标题和链接 -->
              <div class="imgText">
                <el-input v-model="element.text" placeholder="请输入热词" />
--- a/src/components/rightslider/communitypowderstyle/index.vue
+++ b/src/components/rightslider/communitypowderstyle/index.vue
@ -8,7 +8,6 @@
      label-position="top"
      label-width="80px"
      :model="datas"
-      size="small"
      :rules="rules"
    >
      <div style="height: 10px" />
--- a/src/components/rightslider/decorate/index.vue
+++ b/src/components/rightslider/decorate/index.vue
@ -9,7 +9,6 @@
      label-width="80px"
      :model="datas"
      :rules="rules"
-      size="small"
    >
      <el-form-item label="页面名称" :hide-required-asterisk="true" prop="name">
        <el-input
@ -159,7 +158,7 @@ export default {
      this.datas.bgImg = ''
    },
  },
-  components: { uploadimg }
+  components: { uploadimg },
 }
 </script>

@ -210,7 +209,7 @@ export default {
      width: 80px;
      float: left;
    }
-    :deep(.el-form-item__content ){
+    :deep(.el-form-item__content) {
      margin-left: 80px;
    }
  }
--- a/src/components/rightslider/entertheshopstyle/index.vue
+++ b/src/components/rightslider/entertheshopstyle/index.vue
@ -9,7 +9,6 @@
      label-width="80px"
      :model="datas"
      :rules="rules"
-      size="small"
    >
      <el-form-item
        label="左侧标题"
@ -47,7 +46,7 @@
          type="primary"
          plain
        >
-          点击{{datas.icon?'更换':'添加'}}图片
+          点击{{ datas.icon ? '更换' : '添加' }}图片
        </el-button>
      </el-form-item>

@ -58,7 +57,6 @@
            style="width: 60%"
            v-model="datas.type"
            placeholder="请选择跳转类型"
-            size="small"
          >
            <el-option
              v-for="item in optionsType"
@ -72,7 +70,6 @@
          <!-- 输入链接 -->
          <el-input
            style="width: 100%"
-            size="small"
            placeholder="请输入链接，输入前确保可以访问"
            v-model="datas.http.externalLink"
          >
@ -163,9 +160,9 @@ export default {
  .uploadImg {
    width: 345px;
    height: 40px;
-    margin-top:20px ;
+    margin-top: 20px;
  }
-  img{
+  img {
    display: block;
    margin: 0 auto;
    width: 56px;
--- a/src/components/rightslider/graphicnavigationstyle/index.vue
+++ b/src/components/rightslider/graphicnavigationstyle/index.vue
@ -10,12 +10,19 @@

    <!-- 图片广告 -->
    <div v-if="datas.imageList[0]">
-      <vuedraggable :list="datas.imageList" item-key="index" :forceFallback="true" :animation="200">
-         <template #item="{ element }">
-          <section
-            class="imgList"
-          >
-            <van-icon class="el-icon-circle-close" name="close" @click="deleteimg(index)" />
+      <vuedraggable
+        :list="datas.imageList"
+        item-key="index"
+        :forceFallback="true"
+        :animation="200"
+      >
+        <template #item="{ element }">
+          <section class="imgList">
+            <van-icon
+              class="el-icon-circle-close"
+              name="close"
+              @click="deleteimg(index)"
+            />
            <!-- 图片 -->
            <div class="imag">
              <img draggable="false" :src="element.src" alt="" />
@ -25,7 +32,6 @@
              <el-input
                v-model="element.text"
                placeholder="请输入标题，也可不填"
-                size="small"
              ></el-input>
              <!-- 选择类型 -->
              <div class="select-type">
@ -33,7 +39,6 @@
                  style="width: 60%"
                  v-model="element.linktype"
                  placeholder="请选择跳转类型"
-                  size="small"
                >
                  <el-option
                    v-for="element in optionsType"
@ -47,15 +52,14 @@
                <!-- 输入链接 -->
                <el-input
                  style="width: 100%"
-                  size="small"
                  placeholder="请输入链接，输入前确保可以访问"
                  v-model="element.http.externalLink"
                >
                </el-input>
              </div>
            </div>
-          </section>
-        </template>>
+          </section> </template
+        >>
      </vuedraggable>
    </div>

@ -67,7 +71,7 @@
    <div class="bor"></div>

    <!-- 表单 -->
-    <el-form label-width="80px" :model="datas" size="small">
+    <el-form label-width="80px" :model="datas">
      <!-- 商品类型选择 -->
      <el-form-item class="lef" label="商品类型">
        <el-radio-group v-model="datas.navigationType">
@ -265,8 +269,7 @@ export default {
      uploadImgDataType: null,
    }
  },
-  created() {
-  },
+  created() {},
  methods: {
    showUpload(type) {
      this.uploadImgDataType = type
@ -274,14 +277,13 @@ export default {
    },
    // 提交
    uploadInformation(res) {
-
      if (this.uploadImgDataType === '0') {
        this.datas.imageList.push({
          src: res,
          text: '',
          http: {},
        })
-        console.log(this.datas.imageList,33333333333333)
+        console.log(this.datas.imageList, 33333333333333)
      } else if (this.uploadImgDataType === '1') {
        this.datas.bgImg = res
      }
--- a/src/components/rightslider/listswitchingstyle/index.vue
+++ b/src/components/rightslider/listswitchingstyle/index.vue
@ -4,7 +4,7 @@
    <h2>{{ datas.text }}</h2>

    <!-- 表单 -->
-    <el-form label-width="80px" :model="datas" size="small" :rules="rules">
+    <el-form label-width="80px" :model="datas" :rules="rules">
      <!-- 标题内容 -->
      <el-form-item
        class="lef"
@ -93,21 +93,15 @@
                      disabled="disabled"
                      style="width: 65%"
                      v-model="element.name"
-                      size="small"
                    />
                    <el-input
                      disabled="disabled"
                      type="number"
                      style="width: 35%"
                      v-model.number="element.price"
-                      size="small"
                    />
                  </div>
-                  <el-input
-                    disabled="disabled"
-                    v-model="element.introduce"
-                    size="small"
-                  />
+                  <el-input disabled="disabled" v-model="element.introduce" />
                </div>
              </section>
            </template>
@ -130,7 +124,6 @@
            style="padding: 2px 4px; margin-left: 200px"
            @click="addGrouping"
            type="primary"
-            size="small"
            plain
          >
            添加</el-button
@ -159,7 +152,6 @@
            class="tit"
            style="width: 100px"
            placeholder="请输入分组名称"
-            size="small"
          />
          <van-icon
            name="delete-o"
@ -196,21 +188,15 @@
                      disabled="disabled"
                      style="width: 65%"
                      v-model="element.name"
-                      size="small"
                    />
                    <el-input
                      disabled="disabled"
                      type="number"
                      style="width: 35%"
                      v-model.number="element.price"
-                      size="small"
                    />
                  </div>
-                  <el-input
-                    disabled="disabled"
-                    v-model="element.introduce"
-                    size="small"
-                  />
+                  <el-input disabled="disabled" v-model="element.introduce" />
                </div>
              </section>
            </template>
@ -368,7 +354,6 @@
          v-show="datas.purchasebuttonType > 3"
          style="width: 40%; margin-top: 10px"
          v-model="datas.purchase"
-          size="small"
        />
      </el-radio-group>

--- a/src/components/rightslider/magiccubestyle/index.vue
+++ b/src/components/rightslider/magiccubestyle/index.vue
@ -225,7 +225,7 @@
    <p style="color: #d40000; font-size: 12px; margin-top: 10px">请添加图片</p>

    <!-- 表单 -->
-    <el-form label-width="80px" :model="datas" size="small">
+    <el-form label-width="80px" :model="datas">
      <section
        class="magiccubestyleList"
        v-for="(item, index) in datas.imageList"
@ -243,19 +243,13 @@
          />
          <div v-else style="position: relative">
            <img draggable="false" :src="item.src" alt="" />
-            <p>
-              点击更换图
-            </p>
+            <p>点击更换图</p>
          </div>
        </div>
        <!-- 标题和链接 -->
        <div class="imgText">
          <!-- 选择类型 -->
-          <el-select
-            v-model="item.linktype"
-            placeholder="请选择跳转类型"
-            size="small"
-          >
+          <el-select v-model="item.linktype" placeholder="请选择跳转类型">
            <el-option
              v-for="item in optionsType"
              :key="item.name"
@ -267,7 +261,6 @@

          <!-- 输入链接 -->
          <el-input
-            size="small"
            placeholder="请输入链接，输入前确保可以访问"
            v-model="item.http.externalLink"
          >
--- a/src/components/rightslider/noticestyle/index.vue
+++ b/src/components/rightslider/noticestyle/index.vue
@ -4,13 +4,7 @@
    <h2>{{ datas.text }}</h2>

    <!-- 公告 -->
-    <el-form
-      label-width="90px"
-      :model="datas"
-      :rules="rules"
-      size="small"
-      class="lef"
-    >
+    <el-form label-width="90px" :model="datas" :rules="rules" class="lef">
      <el-form-item
        label="公告"
        :hide-required-asterisk="true"
--- a/src/components/rightslider/pictureadsstyle/index.vue
+++ b/src/components/rightslider/pictureadsstyle/index.vue
@ -4,7 +4,7 @@
    <h2>图片广告</h2>

    <!-- 表单 -->
-    <el-form label-width="80px" :model="datas" size="small">
+    <el-form label-width="80px" :model="datas">
      <!-- 标题内容 -->
      <el-form-item label="选择模板" class="lef">
        <p style="color: #000">{{ styleText }}</p>
@ -79,12 +79,19 @@

      <!-- 图片广告 -->
      <div v-if="datas.imageList[0]">
-        <vuedraggable :list="datas.imageList" item-key="index" :forceFallback="true" :animation="200">
+        <vuedraggable
+          :list="datas.imageList"
+          item-key="index"
+          :forceFallback="true"
+          :animation="200"
+        >
          <template #item="{ element, index }">
-            <section
-              class="imgBanner"
-            >
-              <van-icon class="el-icon-circle-close" name="close" @click="deleteimg(index)" />
+            <section class="imgBanner">
+              <van-icon
+                class="el-icon-circle-close"
+                name="close"
+                @click="deleteimg(index)"
+              />
              <!-- 图片 -->
              <div class="imag">
                <img :src="element.src" alt draggable="false" />
@ -94,7 +101,6 @@
                <el-input
                  v-model="element.text"
                  placeholder="请输入标题，也可不填"
-                  size="small"
                ></el-input>

                <!-- 选择类型 -->
@ -103,7 +109,6 @@
                    style="width: 60%"
                    v-model="element.linktype"
                    placeholder="请选择跳转类型"
-                    size="small"
                  >
                    <el-option
                      v-for="element in optionsType"
@ -116,7 +121,6 @@
                  <!-- 输入链接 -->
                  <el-input
                    style="width: 100%"
-                    size="small"
                    placeholder="请输入链接，输入前确保可以访问"
                    v-model="element.http.externalLink"
                  ></el-input>
@ -242,11 +246,9 @@ export default {
    }
  },

-  created() {
-  },
+  created() {},

  methods: {
-
    // 提交
    uploadInformation(res) {
      this.datas.imageList.push({
--- a/src/components/rightslider/richtextstyle/index.vue
+++ b/src/components/rightslider/richtextstyle/index.vue
@ -3,7 +3,7 @@
    <!-- 标题 -->
    <h2>{{ datas.text }}</h2>

-    <el-form label-width="80px" :model="datas" size="small">
+    <el-form label-width="80px" :model="datas">
      <!-- 背景颜色 -->
      <el-form-item label="背景颜色">
        <!-- 背景颜色 -->
@ -106,8 +106,7 @@ export default {
          })
          return
          //（如果要用api接口上传删除腾讯云COS上传这些代码）
-          // 腾讯云COS上传结束 
-          
+          // 腾讯云COS上传结束

          var formData = new FormData()

--- a/src/components/rightslider/storeinformationstyle/index.vue
+++ b/src/components/rightslider/storeinformationstyle/index.vue
@ -43,7 +43,7 @@
    ></div>

    <!-- 表单 -->
-    <el-form label-width="80px" :model="datas" size="small" :rules="rules">
+    <el-form label-width="80px" :model="datas" :rules="rules">
      <!-- 标题内容 -->
      <el-form-item label="选择模板" class="lef"> </el-form-item>

--- a/src/components/rightslider/storenotecardstyle/index.vue
+++ b/src/components/rightslider/storenotecardstyle/index.vue
@ -4,7 +4,7 @@
    <h2>{{ datas.text }}</h2>

    <!-- 表单 -->
-    <el-form label-width="80px" :model="datas" size="small" :rules="rules">
+    <el-form label-width="80px" :model="datas" :rules="rules">
      <el-form-item label="活动名称" class="lef">
        <el-input v-model="datas.name"></el-input>
      </el-form-item>
@ -47,30 +47,32 @@

      <!-- 图片广告 -->
      <div v-if="datas.imageList[0]">
-        <vuedraggable :list="datas.imageList" item-key="index" :forceFallback="true" :animation="200">
+        <vuedraggable
+          :list="datas.imageList"
+          item-key="index"
+          :forceFallback="true"
+          :animation="200"
+        >
          <template #item="{ element, index }">
-            <section
-              class="imgBanner"
-            >
-              <van-icon class="el-icon-circle-close" name="close" @click="deleteimg(index)" />
+            <section class="imgBanner">
+              <van-icon
+                class="el-icon-circle-close"
+                name="close"
+                @click="deleteimg(index)"
+              />
              <!-- 图片 -->
              <div class="imag">
                <img :src="element.src" alt="" draggable="false" />
              </div>
              <!-- 标题和链接 -->
              <div class="imgText">
-                <el-input
-                  v-model="element.text"
-                  placeholder="笔记标题"
-                  size="small"
-                />
+                <el-input v-model="element.text" placeholder="笔记标题" />
                <!-- 标题和链接 -->
                <div class="imgTextChild">
                  <!-- 选择类型 -->
                  <el-select
                    v-model="element.linktype"
                    placeholder="请选择跳转类型"
-                    size="small"
                    @change="selectType(index)"
                  >
                    <el-option
@ -84,7 +86,6 @@

                  <!-- 输入外部链接 -->
                  <el-input
-                    size="small"
                    placeholder="请输入链接，输入前确保可以访问"
                    v-model="element.http.externalLink"
                  >
@ -221,7 +222,6 @@
            style="width: 60%"
            v-model="datas.linktype"
            placeholder="请选择跳转类型"
-            size="small"
          >
            <el-option
              v-for="item in optionsType1"
@ -235,7 +235,6 @@
          <!-- 输入外部链接 -->
          <el-input
            style="width: 100%"
-            size="small"
            placeholder="请输入链接，输入前确保可以访问"
            v-model="datas.http.externalLink"
          >
--- a/src/components/rightslider/suspensionstyle/index.vue
+++ b/src/components/rightslider/suspensionstyle/index.vue
@ -4,12 +4,7 @@
    <h2>{{ datas.text }}</h2>

    <!-- 表单 -->
-    <el-form
-      label-position="top"
-      label-width="80px"
-      :model="datas"
-      size="small"
-    >
+    <el-form label-position="top" label-width="80px" :model="datas">
      <!-- 跳转页面 -->
      <el-form-item label="跳转页面">
        <div class="imgText">
@ -18,7 +13,6 @@
            style="width: 60%"
            v-model="datas.type"
            placeholder="请选择跳转类型"
-            size="small"
          >
            <el-option
              v-for="item in optionsType"
@ -32,7 +26,6 @@
          <!-- 输入链接 -->
          <el-input
            style="width: 100%"
-            size="small"
            placeholder="请输入链接，输入前确保可以访问"
            v-model="datas.http.externalLink"
          >
@ -94,4 +87,4 @@ export default {
    }
  }
 }
-</style>
+</style>
--- a/src/components/rightslider/tabBarStyle/index.vue
+++ b/src/components/rightslider/tabBarStyle/index.vue
@ -4,7 +4,7 @@
    <h2>{{ datas.text }}</h2>

    <!-- 表单 -->
-    <el-form label-width="100px" :model="datas" size="small">
+    <el-form label-width="100px" :model="datas">
      <el-form-item class="lef" label="外边框">
        <el-checkbox v-model="datas.isShowBorder">显示</el-checkbox>
      </el-form-item>
@ -43,12 +43,19 @@
      </el-form-item>

      <el-form-item class="lef" label="导航"> </el-form-item>
-      <vuedraggable :list="datas.iconList" item-key="index" :forceFallback="true" :animation="200">
+      <vuedraggable
+        :list="datas.iconList"
+        item-key="index"
+        :forceFallback="true"
+        :animation="200"
+      >
        <template #item="{ element, index }">
-          <section
-            class="imgBanner"
-          >
-            <van-icon class="el-icon-circle-close" name="close" @click="deleteimg(index)" />
+          <section class="imgBanner">
+            <van-icon
+              class="el-icon-circle-close"
+              name="close"
+              @click="deleteimg(index)"
+            />
            <!-- 图片 -->
            <div>
              <div
@ -59,7 +66,9 @@
              >
                <img
                  class="imag"
-                  :src="replaceIconIndex == 1 ? element.iconPic : element.inactive"
+                  :src="
+                    replaceIconIndex == 1 ? element.iconPic : element.inactive
+                  "
                  draggable="false"
                />
                <div>
@ -70,11 +79,7 @@
            <!-- 标题和链接 -->
            <div class="imgText">
              <div class="imgText-top">
-                <el-input
-                  v-model="element.iconText"
-                  placeholder="导航名称"
-                  size="small"
-                />
+                <el-input v-model="element.iconText" placeholder="导航名称" />
                <div class="imgText-top-r">
                  <span>小圆点</span>
                  <el-checkbox v-model="element.isDot"></el-checkbox>
@ -86,7 +91,6 @@
                <el-select
                  v-model="element.linktype"
                  placeholder="请选择跳转类型"
-                  size="small"
                >
                  <el-option
                    v-for="element in optionsType"
@ -99,7 +103,6 @@

                <!-- 输入链接 -->
                <el-input
-                  size="small"
                  placeholder="请输入链接，输入前确保可以访问"
                  v-model="element.http.externalLink"
                >
--- a/src/components/rightslider/videostyle/index.vue
+++ b/src/components/rightslider/videostyle/index.vue
@ -3,7 +3,7 @@
    <!-- 标题 -->
    <h2>{{ datas.text }}</h2>

-    <el-form label-width="70px" :model="datas" size="small" class="lef">
+    <el-form label-width="70px" :model="datas" class="lef">
      <el-form-item label="封面链接">
        <el-input
          v-model="datas.coverUrl"
--- a/src/components/uploadCommodity/index.vue
+++ b/src/components/uploadCommodity/index.vue
@ -16,7 +16,6 @@
        style="width: 60%"
        v-model="type"
        placeholder="请选择跳转类型"
-        size="small"
        @change="selectType()"
      >
        <el-option
@ -33,7 +32,6 @@
        v-if="type !== '11'"
        v-model="dialogImageUrl.name"
        placeholder="请选择图片跳转链接"
-        size="small"
        @change="changeId"
        :no-data-text="emptyText"
        @visible-change="
@ -55,7 +53,6 @@
      <el-input
        style="width: 60%; margin-top: 15px"
        v-if="type === '11'"
-        size="small"
        placeholder="请输入链接，输入前确保可以访问"
        v-model="externalLink"
      ></el-input>