Merge branch 'dev-sws' into dev-yxl
于肖磊
commit
d7de775b6d
|
|
@ -1,9 +1,9 @@
|
|||
@font-face {
|
||||
font-family: "iconfont"; /* Project id 4607934 */
|
||||
src: url('iconfont.woff2?t=1727687570287') format('woff2'),
|
||||
url('iconfont.woff?t=1727687570287') format('woff'),
|
||||
url('iconfont.ttf?t=1727687570287') format('truetype'),
|
||||
url('iconfont.svg?t=1727687570287#iconfont') format('svg');
|
||||
src: url('iconfont.woff2?t=1728353711976') format('woff2'),
|
||||
url('iconfont.woff?t=1728353711976') format('woff'),
|
||||
url('iconfont.ttf?t=1728353711976') format('truetype'),
|
||||
url('iconfont.svg?t=1728353711976#iconfont') format('svg');
|
||||
}
|
||||
|
||||
.iconfont {
|
||||
|
|
@ -14,6 +14,10 @@
|
|||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.icon-domain:before {
|
||||
content: "\e7cf";
|
||||
}
|
||||
|
||||
.icon-upload-file:before {
|
||||
content: "\e72d";
|
||||
}
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -5,6 +5,13 @@
|
|||
"css_prefix_text": "icon-",
|
||||
"description": "web端",
|
||||
"glyphs": [
|
||||
{
|
||||
"icon_id": "7561087",
|
||||
"name": "域名服务",
|
||||
"font_class": "domain",
|
||||
"unicode": "e7cf",
|
||||
"unicode_decimal": 59343
|
||||
},
|
||||
{
|
||||
"icon_id": "38735708",
|
||||
"name": "yinyong-shangchuan",
|
||||
|
|
|
|||
|
|
@ -14,6 +14,8 @@
|
|||
/>
|
||||
<missing-glyph />
|
||||
|
||||
<glyph glyph-name="domain" unicode="" d="M352.457463 457.129832l-55.631569-193.107892h-62.607512l-28.475392 113.146691c-1.88598 7.545135-2.955188 15.777185-3.206409 24.705858h-1.131103c-0.881095-9.806127-2.139629-17.794238-3.771961-23.952194l-30.549485-113.901568H105.227757l-54.500466 193.107892h60.722745l26.590625-125.974756c1.253679-5.91159 2.197883-13.074432 2.828971-21.497022h1.131103c0.627447 8.796388 1.758549 16.217733 3.393308 22.253113l33.191557 125.218665h56.762671l29.795821-125.974756c0.753664-3.145728 1.631118-10.434788 2.639645-21.875674h1.319215a216.955714 216.955714 0 0 0 3.017084 21.875674l25.082083 125.974756h55.255344zM660.408699 457.129832l-55.631568-193.107892h-62.609939l-28.474179 113.145477c-1.887194 7.547563-2.956402 15.779612-3.206409 24.708286h-1.132317c-0.879881-9.806127-2.138415-17.794238-3.770747-23.952195l-30.550699-113.901568h-61.853847l-54.499252 193.107892h60.723958l26.589412-125.974755c1.254893-5.91159 2.197883-13.074432 2.82897-21.497022h1.132317c0.626233 8.796388 1.759763 16.217733 3.393308 22.253113l33.191557 125.218664h56.762671l29.793394-125.974755c0.756091-3.145728 1.634759-10.434788 2.642072-21.875674h1.320429a216.613471 216.613471 0 0 0 3.018297 21.875674l25.079656 125.974755h55.252916zM968.358722 457.129832L912.728367 264.023154h-62.608725l-28.476606 113.143049c-1.88598 7.547563-2.953975 15.779612-3.206409 24.708286h-1.132316c-0.878668-9.806127-2.138415-17.794238-3.770748-23.952194l-30.550698-113.901568h-61.853848L666.628551 457.129832h60.726386l26.586984-125.974755c1.25732-5.91159 2.200311-13.074432 2.830184-21.497022h1.132317c0.627447 8.796388 1.758549 16.217733 3.392095 22.253113l33.193984 125.218664h56.761458l29.795821-125.974755c0.756091-3.145728 1.634759-10.434788 2.644499-21.875674h1.318001a216.944792 216.944792 0 0 0 3.014656 21.875674l25.079657 125.974755h55.254129zM228.98157 535.599483a6.068148 6.068148 0 0 0-5.745322 8.024519c35.237736 103.580862 132.467674 173.172812 241.944348 173.172812a6.068148 6.068148 0 0 0 0-12.136296c-104.277485 0-196.890776-66.287237-230.454917-164.945617a6.070575 6.070575 0 0 0-5.744109-4.115418zM506.492549-59.571769c-174.451977 0-332.055135 103.42309-401.513586 263.482634-5.336329 12.297709 0.307048 26.593052 12.604757 31.929382 12.295282 5.335116 26.591839-0.305835 31.929382-12.603544 61.75433-142.31021 201.876366-234.263287 356.979447-234.263287 154.515684 0 294.428975 91.470052 356.443022 233.032666 5.378807 12.277077 19.692354 17.875551 31.973073 12.493104 12.278291-5.38002 17.873124-19.694782 12.493103-31.973073C837.650811 43.307615 680.284312-59.571769 506.492549-59.571769zM116.356741 490.166044c-2.660276 0-5.364243 0.440548-8.017238 1.368975-12.653303 4.427321-19.320984 18.273621-14.893662 30.926924 29.684167 84.835138 84.070552 157.603157 157.276691 210.437309 74.797208 53.982246 163.240467 82.515892 255.770017 82.515892 92.169102 0 180.332013-28.33097 254.955671-81.929709 73.018027-52.445791 127.450529-124.750203 157.410191-209.096249 4.486789-12.632671-2.11657-26.510526-14.748028-30.997314-12.632671-4.484361-26.510526 2.115356-30.997314 14.748027-54.968927 154.753555-202.301137 258.728846-366.62052 258.728846-165.139797 0-312.715947-104.663419-367.224908-260.441277C135.767533 496.428373 126.384962 490.166044 116.356741 490.166044z" horiz-adv-x="1024" />
|
||||
|
||||
<glyph glyph-name="upload-file" unicode="" d="M872.90418594 8.773953750000032H144.87813969a67.35627937 67.35627937 0 0 0-67.27813969 67.27813969V686.41116281A67.35627937 67.35627937 0 0 0 144.87813969 753.70046531h315.85116281a67.35627937 67.35627937 0 0 0 67.2893025-67.2893025c0-10.57116281-8.65116281-19.22232562-19.23348844-19.22232562a19.27813969 19.27813969 0 0 0-19.22232562 19.22232562 28.8 28.8 0 0 1-28.83348844 28.84465125H144.8893025a28.8 28.8 0 0 1-28.83348844-28.84465125v-610.35906937a28.8 28.8 0 0 1 28.83348844-28.83348844H872.91534875c10.57116281 0 19.22232562-8.65116281 19.22232562-19.22232562s-8.461395-19.22232562-19.22232562-19.22232563zM872.90418594 8.773953750000032a19.27813969 19.27813969 0 0 0-19.22232563 19.22232563c0 10.57116281 8.65116281 19.22232562 19.22232563 19.22232562a28.8 28.8 0 0 1 28.83348844 28.83348844V471.49395375a28.8 28.8 0 0 1-28.83348844 28.83348844H304.26046531a28.8 28.8 0 0 1-28.83348843-28.83348844V213.29860499999995c0-10.57116281-8.65116281-19.22232562-19.23348844-19.22232563a19.27813969 19.27813969 0 0 0-19.22232563 19.22232563V471.49395375a67.35627937 67.35627937 0 0 0 67.2893025 67.27813969h568.63255781a67.35627937 67.35627937 0 0 0 67.2893025-67.27813969v-395.44186031a67.35627937 67.35627937 0 0 0-67.27813968-67.27813969zM728.53581406 599.52H557.23162813a67.35627937 67.35627937 0 0 0-67.27813969 67.2893025v9.9906975c0 10.58232562 8.65116281 19.22232562 19.22232562 19.22232562s19.22232562-8.64 19.22232563-19.22232562v-9.9906975a28.8 28.8 0 0 1 28.83348844-28.83348844h171.29302312c10.57116281 0 19.22232562-8.65116281 19.22232563-19.23348844 0-10.57116281-8.65116281-19.22232562-19.22232563-19.22232562zM208.32744219 8.773953750000032h-15.18139594a19.27813969 19.27813969 0 0 0-19.22232562 19.22232563c0 10.57116281 8.65116281 19.22232562 19.22232562 19.22232562h15.18139594a28.8 28.8 0 0 1 28.83348844 28.83348844V238.11348843999997c0 10.57116281 8.65116281 19.22232562 19.23348843 19.22232562 10.57116281 0 19.22232562-8.65116281 19.22232469-19.22232562v-162.061395c-0.18976781-37.10511656-30.18418594-67.27813969-67.28930156-67.27813969zM809.28744219 500.13767437a19.27813969 19.27813969 0 0 0-19.23348844 19.22232563v51.12558094a28.8 28.8 0 0 1-28.83348844 28.84465125H674.3293025a19.27813969 19.27813969 0 0 0-19.22232563 19.22232562c0 10.57116281 8.65116281 19.22232562 19.22232563 19.22232563h86.89116281a67.35627937 67.35627937 0 0 0 67.2893025-67.27813969v-51.13674375c0-10.57116281-8.65116281-19.22232562-19.22232562-19.22232563zM597.99813969 148.141395a19.27813969 19.27813969 0 0 0-19.22232563 19.22232562V371.33023218999995c0 10.58232562 8.65116281 19.23348844 19.22232563 19.23348843s19.22232562-8.65116281 19.22232562-19.23348843v-203.96651156c0-10.57116281-8.65116281-19.22232562-19.22232562-19.22232563zM680.27906937 269.82697686999995c-5.00093062 0-9.80093062 1.93116281-13.6520925 5.58139501l-82.26976781 82.26976781a19.14418594 19.14418594 0 0 0 0 27.11441812 19.14418594 19.14418594 0 0 0 27.10325625 0l82.4706975-82.26976687a19.14418594 19.14418594 0 0 0-13.65209344-32.69581407zM515.52744219 269.82697686999995c-5.00093062 0-9.80093062 1.93116281-13.65209344 5.58139501a19.14418594 19.14418594 0 0 0 0 27.10325625l82.4706975 82.47069749a19.14418594 19.14418594 0 0 0 27.11441906 0 19.14418594 19.14418594 0 0 0 0-27.10325625L528.98976781 275.40837188c-3.661395-3.85116281-8.461395-5.581395-13.46232562-5.58139501z" horiz-adv-x="1024" />
|
||||
|
||||
<glyph glyph-name="download-btn" unicode="" d="M919.296 0H104.704a40.704 40.704 0 1 1 0-81.472h814.592a40.704 40.704 0 0 1 0 81.472z m-30.656 566.08l-58.624 57.856-300.544-300.544V896H448v-581.568L138.496 623.9359999999999l-57.024-57.856 403.2-403.2 403.968 403.2z" horiz-adv-x="1024" />
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 76 KiB After Width: | Height: | Size: 80 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
|
@ -6,109 +6,116 @@
|
|||
<div class="tc size-16 fw">模版导入</div>
|
||||
</div>
|
||||
</template>
|
||||
<div class="url-value-content ptb-16 flex-row">
|
||||
<el-tabs v-model="temp_active" class="wh flex-1">
|
||||
<el-tab-pane label="本地导入" name="1" class="h flex-row jc-c align-c">
|
||||
<div class="import-content">
|
||||
<el-upload v-model:file-list="file_list" action="#" :accept="exts_text" :show-file-list="false" :auto-upload="false" :on-change="upload_change">
|
||||
<template #trigger>
|
||||
<div class="import-btn">
|
||||
<icon name="upload-file" color="primary"></icon>
|
||||
</div>
|
||||
</template>
|
||||
</el-upload>
|
||||
<div v-if="file_list.length > 0" class="upload-file-tips mt-10 size-12 flex-row gap-5 jc-c align-e">
|
||||
<span class="fw">{{ upload_file.name }}</span>
|
||||
<span class="cr-9">({{ annex_size_to_unit(upload_file.size) }})</span>
|
||||
</div>
|
||||
<div class="cr-c size-12 flex-col gap-10 mt-10">
|
||||
<p>1. 选择已下载的diy设计zip包</p>
|
||||
<p>2. 导入将自动新增一条数据</p>
|
||||
</div>
|
||||
</div>
|
||||
</el-tab-pane>
|
||||
<el-tab-pane label="模版市场" name="2" class="h flex-col gap-16">
|
||||
<div v-loading="loading && { text: Loading_text }" :element-loading-text="Loading_text" class="flex-1 flex-col gap-16">
|
||||
<div class="temp-search flex-row jc-sb align-c w">
|
||||
<div class="flex-row gap-10 align-c search-content">
|
||||
<el-input v-model="form.keywords" class="flex-1" placeholder="搜索关键字" @keyup.enter="get_import_list('1')" />
|
||||
<el-button type="primary" @click="get_import_list('1')">
|
||||
<view class="flex-row jc-c gap-4">
|
||||
<icon name="search"></icon>
|
||||
<text>搜索</text>
|
||||
</view>
|
||||
</el-button>
|
||||
<el-checkbox v-model="form.status" @change="status_change">我已购买</el-checkbox>
|
||||
<div class="url-value-content ptb-16 flex-col gap-16">
|
||||
<div class="btn-radio-round">
|
||||
<el-radio-group v-model="temp_active" is-button @change="temp_change">
|
||||
<el-radio-button value="1">本地导入</el-radio-button>
|
||||
<el-radio-button value="2">模版市场</el-radio-button>
|
||||
</el-radio-group>
|
||||
</div>
|
||||
<div v-if="temp_active == '1'" class="h flex-row jc-c align-c">
|
||||
<div class="import-content">
|
||||
<el-upload v-model:file-list="file_list" action="#" :accept="exts_text" :show-file-list="false" :auto-upload="false" :on-change="upload_change">
|
||||
<template #trigger>
|
||||
<div class="import-btn">
|
||||
<icon name="upload-file" color="primary"></icon>
|
||||
</div>
|
||||
<el-link type="primary" :href="more_link" target="_blank" :underline="false">
|
||||
<div class="flex-row gap-3 align-c">
|
||||
<icon name="download-btn"></icon>
|
||||
<text>更多diy模版下载</text>
|
||||
</div>
|
||||
</el-link>
|
||||
</template>
|
||||
</el-upload>
|
||||
<div v-if="file_list.length > 0" class="upload-file-tips mt-10 size-12 flex-row gap-5 jc-c align-e">
|
||||
<span class="fw">{{ upload_file.name }}</span>
|
||||
<span class="cr-9">({{ annex_size_to_unit(upload_file.size) }})</span>
|
||||
</div>
|
||||
<div class="cr-c size-12 flex-col gap-10 mt-10">
|
||||
<p>1. 选择已下载的diy设计zip包</p>
|
||||
<p>2. 导入将自动新增一条数据</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div v-else class="h flex-col gap-16">
|
||||
<div v-loading="loading && { text: Loading_text }" :element-loading-text="Loading_text" class="flex-1 flex-col gap-16">
|
||||
<div class="temp-search flex-row jc-sb align-c w">
|
||||
<div class="flex-row gap-10 align-c search-content">
|
||||
<el-input v-model="form.keywords" class="flex-1" placeholder="搜索关键字" @keyup.enter="get_import_list('1')" />
|
||||
<el-button type="primary" @click="get_import_list('1')">
|
||||
<view class="flex-row jc-c gap-4">
|
||||
<icon name="search"></icon>
|
||||
<text>搜索</text>
|
||||
</view>
|
||||
</el-button>
|
||||
<el-checkbox v-model="form.status" class="ml-20" @change="status_change">我已购买</el-checkbox>
|
||||
</div>
|
||||
<el-scrollbar>
|
||||
<div class="temp-content flex-1">
|
||||
<div class="flex-row flex-wrap gap-16">
|
||||
<div v-for="item in data_list" :key="item.id" class="item flex-col br-f5">
|
||||
<div class="re img-content">
|
||||
<image-empty v-model="item.images" class="img" error-img-style="width:5rem;height:5rem;"></image-empty>
|
||||
<!-- 鼠标滑入，显示详情 -->
|
||||
<div class="mask"></div>
|
||||
<div class="middle detail">
|
||||
<el-link class="detail-content plr-20 ptb-6 bg-f cr-3 round" type="primary" :href="item.goods_url" :underline="false" target="_blank">
|
||||
<div class="flex-row align-c gap-4">
|
||||
<icon name="eye"></icon>
|
||||
<text>查看</text>
|
||||
</div>
|
||||
</el-link>
|
||||
</div>
|
||||
<el-link type="primary" :href="more_link" target="_blank" :underline="false">
|
||||
<div class="flex-row gap-3 align-c">
|
||||
<icon name="download-btn"></icon>
|
||||
<text>更多diy模版下载</text>
|
||||
</div>
|
||||
</el-link>
|
||||
</div>
|
||||
<el-scrollbar height="446px">
|
||||
<div class="temp-content flex-1">
|
||||
<div v-if="data_list.length > 0" class="flex-row flex-wrap gap-16">
|
||||
<div v-for="item in data_list" :key="item.id" class="item flex-col br-f5">
|
||||
<div class="re img-content">
|
||||
<image-empty v-model="item.images" class="img" error-img-style="width:5rem;height:5rem;"></image-empty>
|
||||
<!-- 鼠标滑入，显示详情 -->
|
||||
<div class="mask"></div>
|
||||
<div class="middle detail">
|
||||
<el-link class="detail-content plr-20 ptb-6 bg-f cr-3 round" type="primary" :href="item.goods_url" :underline="false" target="_blank">
|
||||
<div class="flex-row align-c gap-4">
|
||||
<icon name="eye"></icon>
|
||||
<text>查看</text>
|
||||
</div>
|
||||
</el-link>
|
||||
</div>
|
||||
<div class="flex-1 flex-col pa-10 gap-10">
|
||||
<div class="title text-line-2">{{ item.title }}</div>
|
||||
<div class="flex-row jc-sb align-c gap-3">
|
||||
<p class="cr-error fw size-14">{{ item.price_data.value }}</p>
|
||||
<el-button v-if="item.buy_data.status == 1" :type="item.buy_data.status == 1 ? 'primary' : item.buy_data.status == 2 ? 'default' : 'danger'" :disabled="item.buy_data.status == 0" @click="buy_event(item, item.buy_data.status)">{{ item.buy_data.title }}</el-button>
|
||||
</div>
|
||||
<div class="cr-9 size-12 flex-row jc-sb align-c">
|
||||
<el-popover placement="top" :width="150" trigger="click">
|
||||
<template #reference>
|
||||
<div class="c-pointer">
|
||||
{{ item.version_apply.name }}
|
||||
</div>
|
||||
<div class="flex-1 flex-col pa-10 gap-10">
|
||||
<div class="title text-line-2">{{ item.title }}</div>
|
||||
<div class="flex-row jc-sb align-c gap-3">
|
||||
<p class="cr-error fw size-14">{{ item.price_data.value }}</p>
|
||||
<el-button :type="item.buy_data.status == 1 ? 'success' : 'primary'" :disabled="item.buy_data.status == 2" @click="buy_event(item, item.buy_data.status)">{{ item.buy_data.title }}</el-button>
|
||||
</div>
|
||||
<div class="cr-9 size-12 flex-row jc-sb align-c">
|
||||
<el-popover placement="top" :width="150" trigger="click">
|
||||
<template #reference>
|
||||
<div class="c-pointer">
|
||||
{{ item.version_apply.name }}
|
||||
</div>
|
||||
</template>
|
||||
<el-scrollbar max-height="200px">
|
||||
<div class="flex-col gap-10">
|
||||
<div v-for="version in item.version_apply.data" :key="version">
|
||||
{{ version }}
|
||||
</div>
|
||||
</template>
|
||||
<el-scrollbar max-height="200px">
|
||||
<div class="flex-col gap-10">
|
||||
<div v-for="version in item.version_apply.data" :key="version">
|
||||
{{ version }}
|
||||
</div>
|
||||
</div>
|
||||
</el-scrollbar>
|
||||
</el-popover>
|
||||
<el-popover v-if="item.buy_auth_domain.length > 0" placement="top" :width="150" trigger="click">
|
||||
<template #reference>
|
||||
<div class="flex-row gap-3 cr-9 align-c size-12 c-pointer">
|
||||
<icon name="domain" class="re top-1"></icon>
|
||||
<span>授权域名</span>
|
||||
</div>
|
||||
</template>
|
||||
<el-scrollbar max-height="200px">
|
||||
<div class="flex-col gap-10">
|
||||
<div v-for="domain in item.buy_auth_domain" :key="domain">
|
||||
{{ domain }}
|
||||
</div>
|
||||
</el-scrollbar>
|
||||
</el-popover>
|
||||
<el-popover v-if="item.buy_auth_domain.length > 0" placement="top" :width="150" trigger="click">
|
||||
<template #reference>
|
||||
<div class="flex-row gap-3 cr-9 size-12 c-pointer">
|
||||
<icon name="domain"></icon>
|
||||
<span>授权域名</span>
|
||||
</div>
|
||||
</template>
|
||||
<el-scrollbar max-height="200px">
|
||||
<div class="flex-col gap-10">
|
||||
<div v-for="domain in item.buy_auth_domain" :key="domain">
|
||||
{{ domain }}
|
||||
</div>
|
||||
</div>
|
||||
</el-scrollbar>
|
||||
</el-popover>
|
||||
</div>
|
||||
</div>
|
||||
</el-scrollbar>
|
||||
</el-popover>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</el-scrollbar>
|
||||
</div>
|
||||
</el-tab-pane>
|
||||
</el-tabs>
|
||||
<div v-else>
|
||||
<no-data height="446px"></no-data>
|
||||
</div>
|
||||
</div>
|
||||
</el-scrollbar>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<template #footer>
|
||||
<span class="dialog-footer">
|
||||
|
|
@ -146,6 +153,9 @@ const props = defineProps({
|
|||
});
|
||||
const dialogVisible = defineModel({ type: Boolean, default: false });
|
||||
const temp_active = ref('1');
|
||||
const temp_change = (val: any) => {
|
||||
temp_active.value = val;
|
||||
};
|
||||
const more_link = computed(() => {
|
||||
return common_store.common.config.store_diy_url || '';
|
||||
});
|
||||
|
|
|
|||
|
|
@ -226,3 +226,27 @@ p {
|
|||
max-height: calc(100% - 3rem);
|
||||
max-width: calc(100% - 3rem);
|
||||
}
|
||||
|
||||
// 圆形按钮单选框
|
||||
|
||||
.btn-radio-round {
|
||||
height: 3.8rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
&.center {
|
||||
justify-content: center;
|
||||
}
|
||||
.el-radio-group {
|
||||
background-color: #f4f4f4;
|
||||
border-radius: 5rem;
|
||||
.el-radio-button {
|
||||
overflow: hidden;
|
||||
border-radius: 5rem;
|
||||
.el-radio-button__inner {
|
||||
--el-fill-color-blank: #f4f4f4;
|
||||
border: 0;
|
||||
font-size: 1.4rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -43,7 +43,7 @@ const temp_form = ref<diy_data_item>({
|
|||
id: '',
|
||||
model: {
|
||||
logo: '',
|
||||
name: '',
|
||||
name: 'DIY模版',
|
||||
is_enable: '1',
|
||||
describe: '',
|
||||
},
|
||||
|
|
|
|||
|
|
@ -30,7 +30,7 @@ const temp_form = ref(defaultSettings.footer_nav);
|
|||
const form = ref<any>({});
|
||||
|
||||
const key = ref('');
|
||||
const footer_dialog_position_top = ref(0);
|
||||
const footer_dialog_position_top = ref(50);
|
||||
//#region 页面初始化数据 ---------------------start
|
||||
// 页面加载
|
||||
onMounted(() => {
|
||||
|
|
|
|||
Loading…
Reference in New Issue