1.代码优化

sws 2024-09-03

src/components/model-coupon/index.vue

@@ -130,7 +130,7 @@
     </div>
 </template>
 <script setup lang="ts">
-import { common_styles_computer, gradient_computer } from '@/utils';
+import { common_styles_computer, gradient_computer, online_url } from '@/utils';
 const props = defineProps({
     value: {
         type: Object,
@@ -194,6 +194,7 @@ const theme_7_background_style = computed(() => {
         return '#fff';
     }
 });
+const new_url = await online_url('/static/plugins/coupon/images/diy/');
 </script>
 <style lang="scss" scoped>
 .coupon-theme-1 {
@@ -259,6 +260,7 @@ const theme_7_background_style = computed(() => {
     .item {
         flex-basis: auto;
         flex-shrink: 0;
+        // background-image: url('../../assets/images/components/model-coupon/theme-2-content-bg.png');
         background-image: url('../../assets/images/components/model-coupon/theme-2-content-bg.png');
         background-size: 100% 100%;
         width: 8.5rem;

src/components/model-coupon/model-coupon-content.vue

@@ -46,6 +46,7 @@
     <url-value-dialog v-model:dialog-visible="url_value_dialog_visible" :type="['article']" multiple @update:model-value="url_value_dialog_call_back"></url-value-dialog>
 </template>
 <script setup lang="ts">
+import { online_url } from '@/utils';
 const props = defineProps({
     value: {
         type: Object,
@@ -62,19 +63,20 @@ const props = defineProps({
 });
 const form = reactive(props.value);
 const url_value_dialog_visible = ref(false);
+const new_url = await online_url('/static/plugins/coupon/images/diy/');
 const base_list = reactive({
     data_type_list: [
         { name: '默认', value: '0' },
         { name: '手动', value: '1' },
     ],
     themeList: [
-        { id: '1', name: '风格1', url: new URL(`../../assets/images/components/model-coupon/theme-1.png`, import.meta.url).href },
-        { id: '2', name: '风格2', url: new URL(`../../assets/images/components/model-coupon/theme-2.png`, import.meta.url).href },
-        { id: '3', name: '风格3', url: new URL(`../../assets/images/components/model-coupon/theme-3.png`, import.meta.url).href },
-        { id: '4', name: '风格4', url: new URL(`../../assets/images/components/model-coupon/theme-4.png`, import.meta.url).href },
-        { id: '5', name: '风格5', url: new URL(`../../assets/images/components/model-coupon/theme-5.png`, import.meta.url).href },
-        { id: '6', name: '风格6', url: new URL(`../../assets/images/components/model-coupon/theme-6.png`, import.meta.url).href },
-        { id: '7', name: '风格7', url: new URL(`../../assets/images/components/model-coupon/theme-7.png`, import.meta.url).href },
+        { id: '1', name: '风格1', url: new_url + 'theme-1.png' },
+        { id: '2', name: '风格2', url: new_url + 'theme-2.png' },
+        { id: '3', name: '风格3', url: new_url + 'theme-3.png' },
+        { id: '4', name: '风格4', url: new_url + 'theme-4.png' },
+        { id: '5', name: '风格5', url: new_url + 'theme-5.png' },
+        { id: '6', name: '风格6', url: new_url + 'theme-6.png' },
+        { id: '7', name: '风格7', url: new_url + 'theme-7.png' },
     ],
 });
 const emit = defineEmits(['update:change-theme']);