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

chore(upgrade-center): rpx -> px

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