商城图标替换,补正下载弹窗布局优化
This commit is contained in:
parent
8e60f59b19
commit
4b221f3216
@ -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'
|
||||
|
@ -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>
|
||||
|
@ -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 |
Loading…
Reference in New Issue
Block a user