商城图标替换,补正下载弹窗布局优化

This commit is contained in:
itgaojian163 2025-06-23 16:10:41 +08:00
parent 8e60f59b19
commit 4b221f3216
4 changed files with 237 additions and 16 deletions

View File

@ -1,6 +1,6 @@
// 定义api服务地址
// const appUrl = 'https://www.aimzhu.com'
const appUrl = 'http://121.36.71.250:58038'
const appUrl = 'https://www.aimzhu.com'
// const appUrl = 'http://121.36.71.250:58038'
const prewBaseUrl = ''
const operatorUrl = appUrl + '/operator'
const operatorPlug = appUrl + '/operator-plugin'

View File

@ -114,42 +114,56 @@
</view>
</mp-dialog>
<!-- 下载dialog -->
<mp-half-screen-dialog show="{{showDownloadDialog}}" bindclose="closeDialog">
<mp-half-screen-dialog ext-class="bg-gray" show="{{showDownloadDialog}}" bindclose="closeDialog">
<view slot="title" style="font-size: 16px;font-weight: bold;">资料下载</view>
<view slot="desc" style="margin-top: 10px;">
<view class="download-item" wx:if="{{tempDownloadPro.correctionType=='MANUAL' || tempDownloadPro.correctionType=='ALL'}}">
<view class="download-title">
<view class="icon-source"></view>
<view class="bg-yellow">
<view class="icon-source size-48"></view>
</view>
<view class="download-title-txt">操作手册</view>
</view>
<text class="download-item-desc">软件的鉴别材料-操作手册</text>
<view class="download-btn-box">
<view class="download-btn" bind:tap="download" data-path="/route/proj/download/manual/">
<view class="download-btn blue" bind:tap="download" data-path="/route/proj/download/manual/" data-type="docx">
<view class="ic-doc" style="width: 20px;height: 20px;"></view>
<view class="download-btn-txt">Word格式下载</view>
<view class="download-btn-txt">Word格式</view>
</view>
<view class="download-btn" bind:tap="download" data-path="/route/proj/download/manual/pdf/">
<view class="download-btn red" bind:tap="download" data-path="/route/proj/download/manual/pdf/" data-type="pdf">
<view class="ic-pdf" style="width: 20px;height: 20px;"></view>
<view class="download-btn-txt">PDF格式下载</view>
<view class="download-btn-txt">PDF格式</view>
</view>
</view>
</view>
<view class="download-item" wx:if="{{tempDownloadPro.correctionType=='CODE' || tempDownloadPro.correctionType=='ALL'}}">
<view class="download-title">
<view class="icon-tool"></view>
<view class="bg-blue">
<view class="icon-tool size-48"></view>
</view>
<view class="download-title-txt">源代码</view>
</view>
<text class="download-item-desc">软件的鉴别材料-项目源代码</text>
<view class="download-btn-box">
<view class="download-btn" bind:tap="download" data-path="/route/proj/download/code/">
<view class="download-btn blue" bind:tap="download" data-path="/route/proj/download/code/" data-type="docx">
<view class="ic-doc" style="width: 20px;height: 20px;"></view>
<view class="download-btn-txt">Word格式下载</view>
<view class="download-btn-txt">Word格式</view>
</view>
<view class="download-btn" bind:tap="download" data-path="/route/proj/download/code/pdf/">
<view class="download-btn red" bind:tap="download" data-path="/route/proj/download/code/pdf/" data-type="pdf">
<view class="ic-pdf" style="width: 20px;height: 20px;"></view>
<view class="download-btn-txt">PDF格式下载</view>
<view class="download-btn-txt">PDF格式</view>
</view>
</view>
</view>
<view class="hint mt-10">温馨提示:若您想把下载的文件留存到本地,打开预览页面后,在界面右上角操作栏内,选择使用其他软件打开或者保存文件功能就能实现。</view>
<view class="download-notes mt-20">
<icon type="info" size="14" color="#3270FF" style="margin-top: 6rpx;"></icon>
<view class="notes-content-box ml-10">
<text style="font-weight: bold;font-size: 28rpx;">使用提示</text>
<text class="mt-10">注: 受系统条件限制,如需下载程序、购买服务或查看演示视频,建议通过电脑端进行操作.</text>
<text class="mt-20">温馨提示: 若您想把下载的文件留存到本地,打开预览页面后,在界面右上角操作栏内,选择使用其他软件打开或者保存文件功能就能实现。
</text>
</view>
</view>
</view>
</mp-half-screen-dialog>
<down-progress isShow="{{downloading}}" progress="{{downloadProgress}}"></down-progress>

View File

@ -624,8 +624,215 @@
padding: 30rpx;
}
.download-item {
display: flex;
flex-direction: column;
background-color: var(--white-color);
border-radius: 15rpx;
box-shadow: 0rpx 0rpx 0rpx 5rpx var(--bg-gray-input-color);
padding: 30rpx;
}
.download-item:nth-of-type(n+2),
.download-item:nth-last-of-type(n+2) {
margin-top: 20rpx;
}
.download-item:last-child {
margin-bottom: 80px;
}
.download-title {
display: flex;
flex-direction: row;
align-items: center;
}
.download-title-txt {
font-size: 32rpx;
font-weight: bold;
margin-left: 15rpx;
}
.download-item-desc {
font-size: 24rpx;
margin-top: 10rpx;
}
.download-btn-box {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 30rpx 0rpx 0rpx 0rpx;
}
.download-btn {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 15rpx;
border-radius: 5px;
flex: 1;
}
.download-btn:nth-child(2) {
margin-left: 40rpx;
}
.download-btn.blue {
background-color: var(--bg-blue-shallow-color);
color: var(--text-blue-color);
}
.download-btn.gray {
background-color: var(--bg-gray-input-light-color);
color: var(--text-brown-color);
}
.download-btn.red {
background-color: var(--bg-red-shallow-color);
color: var(--text-red-color);
}
.download-btn-txt {
font-size: 24rpx;
text-align: center;
margin-left: 10rpx;
}
.download-btn:active {
background-color: #d1d1d0;
}
.bg-blue {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background-color: var(--bg-blue-shallow-color);
width: 72rpx;
height: 72rpx;
border-radius: 15rpx;
}
.bg-yellow {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background-color: var(--bg-primary-shallow-color);
width: 72rpx;
height: 72rpx;
border-radius: 15rpx;
}
.bg-green {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background-color: var(--bg-green-light-color);
width: 72rpx;
height: 72rpx;
border-radius: 15rpx;
}
.bg-gray {
background-color: var(--bg-gray-input-color);
}
.download-desc {
display: flex;
flex-direction: column;
background-color: var(--white-color);
padding: 30rpx;
border-radius: 15rpx;
margin-top: 20rpx;
}
.bg-gray {
background-color: var(--divider-color);
}
.link-title {
display: flex;
flex-direction: row;
align-items: center;
font-size: 28rpx;
font-weight: bold;
}
.link-box {
background-color: var(--bg-gray-input-light-color);
border-radius: 15rpx;
padding: 10rpx;
margin-top: 10rpx;
}
.link {
margin-top: 5px;
word-wrap: break-word;
word-break: break-all;
width: 85vw;
font-size: 14px;
color: var(--text-blue-color);
}
.custom-tips {
margin-top: 80px;
}
.hint {
font-size: 14px;
text-align: center;
color: var(--primary-color);
font-weight: bold;
}
.download-notes {
display: flex;
flex-direction: row;
border-left: 8rpx solid var(--blue-color);
border-radius: 5rpx;
background-color: var(--bg-blue-shallow-color);
font-size: 24rpx;
margin-bottom: 10rpx;
padding: 20rpx;
box-shadow: 0rpx 0rpx 0rpx 5rpx var(--divider-color);
}
.notes-title-box {
display: flex;
flex-direction: row;
align-items: center;
color: var(--text-blue-color);
}
.notes-content-box {
display: flex;
flex-direction: column;
align-items: flex-start;
color: var(--text-blue-color);
}
.weui-half-screen-dialog__ft {
height: 0;
padding: 0;
}
.weui-half-screen-dialog__bd {
padding-bottom: 20rpx;
}
/* .download-item {
display: flex;
flex-direction: row;
justify-content: space-between;
@ -721,4 +928,4 @@
text-align: center;
color: var(--primary-color);
font-weight: bold;
}
} */

Binary file not shown.

Before

Width:  |  Height:  |  Size: 586 B

After

Width:  |  Height:  |  Size: 415 B