提交 4788b160 编写于 作者: D DCloud_LXH

chore(upgrade-center): rpx -> px

上级 ca11f03a
...@@ -30,14 +30,10 @@ ...@@ -30,14 +30,10 @@
<template v-else> <template v-else>
<template v-if="!downloadSuccess"> <template v-if="!downloadSuccess">
<view class="progress-box flex-column" v-if="downloading"> <view class="progress-box flex-column" v-if="downloading">
<progress class="progress" style="width: 90%;height: 40rpx;border-radius: 35px;" <progress class="progress" :percent="downLoadPercent" activeColor="#3DA7FF" :show-info="true" :stroke-width="10" />
:percent="downLoadPercent" activeColor="#3DA7FF" :show-info="true" <view style="width:100%;display: flex;justify-content: space-around;flex-direction: row;">
:stroke-width="10" /> <text class="text" style="font-size: 14px;">{{downLoadingText}}</text>
<view <text class="text" style="font-size: 14px;">({{downloadedSize}}/{{packageFileSize}}M)</text>
style="width:100%;display: flex;justify-content: space-around;flex-direction: row;">
<text class="text" style="font-size: 28rpx;">{{downLoadingText}}</text>
<text class="text"
style="font-size: 28rpx;">({{downloadedSize}}/{{packageFileSize}}M)</text>
</view> </view>
</view> </view>
...@@ -258,7 +254,7 @@ ...@@ -258,7 +254,7 @@
} }
} }
return null return null
}, },
downloadPackage() { downloadPackage() {
//下载包 //下载包
...@@ -365,34 +361,34 @@ ...@@ -365,34 +361,34 @@
.content-top { .content-top {
width: 100%; width: 100%;
border-bottom-color: #fff; border-bottom-color: #fff;
border-bottom-width: 30rpx; border-bottom-width: 15px;
border-bottom-style: solid; border-bottom-style: solid;
} }
.content-top-image { .content-top-image {
width: 100%; width: 100%;
position: relative; position: relative;
bottom: -35rpx; bottom: -18px;
} }
.content-top-text { .content-top-text {
font-size: 45rpx; font-size: 22px;
font-weight: bold; font-weight: bold;
color: #F8F8FA; color: #F8F8FA;
position: absolute; position: absolute;
width: 65%; width: 65%;
top: 155rpx; top: 77.5px;
left: 50rpx; left: 25px;
z-index: 1; z-index: 1;
} }
.content-body { .content-body {
box-sizing: border-box; box-sizing: border-box;
padding: 0 50rpx; padding: 0 25px;
width: 100%; width: 100%;
background-color: #fff; background-color: #fff;
border-bottom-left-radius: 30rpx; border-bottom-left-radius: 15px;
border-bottom-right-radius: 30rpx; border-bottom-right-radius: 15px;
} }
.content-body-title { .content-body-title {
...@@ -401,24 +397,24 @@ ...@@ -401,24 +397,24 @@
} }
.content-body-title .version { .content-body-title .version {
padding-left: 20rpx; padding-left: 10px;
color: #fff; color: #fff;
font-size: 20rpx; font-size: 10px;
margin-left: 10rpx; margin-left: 5px;
padding: 4rpx 8rpx; padding: 2px 4px;
border-radius: 20rpx; border-radius: 10px;
background: #50aefd; background: #50aefd;
} }
.title { .title {
font-size: 32rpx; font-size: 16px;
font-weight: bold; font-weight: bold;
color: #3DA7FF; color: #3DA7FF;
line-height: 38px; line-height: 38px;
} }
.footer { .footer {
height: 150rpx; height: 75px;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-around; justify-content: space-around;
...@@ -426,14 +422,14 @@ ...@@ -426,14 +422,14 @@
.box-des-scroll { .box-des-scroll {
box-sizing: border-box; box-sizing: border-box;
padding: 0 40rpx; padding: 0 15px;
height: 200rpx; height: 100px;
} }
.box-des { .box-des {
font-size: 26rpx; font-size: 13px;
color: #000000; color: #000000;
line-height: 50rpx; line-height: 25px;
} }
.progress-box { .progress-box {
...@@ -442,37 +438,36 @@ ...@@ -442,37 +438,36 @@
.progress { .progress {
width: 90%; width: 90%;
height: 40rpx; height: 20px;
} }
.content-bottom { .content-bottom {
height: 150rpx; height: 75px;
} }
.close-img { .close-img {
width: 70rpx; width: 35px;
height: 70rpx; height: 35px;
z-index: 1000; z-index: 1000;
position: relative; position: relative;
bottom: -50rpx; bottom: -25px;
left: 265rpx; left: 132px;
} }
.content-button { .content-button {
border: none;
color: #fff;
width: 100%; width: 100%;
height: 80rpx; height: 40px;
line-height: 80rpx; line-height: 40px;
font-size: 30rpx; font-size: 15px;
font-weight: 400; font-weight: 400;
border-radius: 40rpx; border-radius: 20px;
border: none;
color: #fff;
text-align: center; text-align: center;
background-color: #1785ff; background-color: #1785ff;
} }
.flex-column { .flex-column {
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册