|
|
@@ -3,17 +3,23 @@
|
|
|
<uni-nav-bar :title="form.projectName" leftIcon="left" @clickLeft="getBack" />
|
|
|
<view class="title">Android安装包</view>
|
|
|
<view class="list" v-for="item in form.android" :key="item.id">
|
|
|
- <view class="main">
|
|
|
- <text>{{ item.name }}</text>
|
|
|
- <text>{{ item.updateTimeText }} 更新 | {{ item.version }}</text>
|
|
|
+ <view class="left">
|
|
|
+ <img :src="item.icon">
|
|
|
+ <view class="main">
|
|
|
+ <text>{{ item.name }}</text>
|
|
|
+ <text>{{ item.updateTimeText }} 更新 | {{ item.version }}</text>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
<a :href="item.downUrl">安装</a>
|
|
|
</view>
|
|
|
<view class="title">IOS安装包</view>
|
|
|
<view class="list" v-for="item in form.ios" :key="item.id">
|
|
|
- <view class="main">
|
|
|
- <text>{{ item.name }}</text>
|
|
|
- <text>{{ item.updateTimeText }} 更新 | {{ item.version }}</text>
|
|
|
+ <view class="left">
|
|
|
+ <img :src="item.icon">
|
|
|
+ <view class="main">
|
|
|
+ <text>{{ item.name }}</text>
|
|
|
+ <text>{{ item.updateTimeText }} 更新 | {{ item.version }}</text>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
<a :href="item.downUrl">安装</a>
|
|
|
</view>
|
|
|
@@ -57,29 +63,41 @@ export default {
|
|
|
padding: 28rpx 20rpx;
|
|
|
background: #fff;
|
|
|
border-bottom: 2rpx solid #eee;
|
|
|
-}
|
|
|
|
|
|
-.main {
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
+ .left {
|
|
|
+ display: flex;
|
|
|
|
|
|
- text:first-child {
|
|
|
- font-size: 28rpx;
|
|
|
- }
|
|
|
+ img {
|
|
|
+ width: 100rpx;
|
|
|
+ height: 100rpx;
|
|
|
+ border-radius: 20rpx;
|
|
|
+ margin-right: 20rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .main {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ justify-content: space-around;
|
|
|
|
|
|
- text:last-child {
|
|
|
- font-size: 22rpx;
|
|
|
+ text:first-child {
|
|
|
+ font-size: 28rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ text:last-child {
|
|
|
+ font-size: 22rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
-}
|
|
|
|
|
|
-a {
|
|
|
- margin: 0;
|
|
|
- background: none;
|
|
|
- border: 2rpx solid #f80;
|
|
|
- padding: 10rpx 30rpx;
|
|
|
- font-size: 24rpx;
|
|
|
- color: #f80;
|
|
|
- border-radius: 10rpx;
|
|
|
- text-decoration: none;
|
|
|
+ a {
|
|
|
+ margin: 0;
|
|
|
+ background: none;
|
|
|
+ border: 2rpx solid #f80;
|
|
|
+ padding: 10rpx 30rpx;
|
|
|
+ font-size: 24rpx;
|
|
|
+ color: #f80;
|
|
|
+ border-radius: 10rpx;
|
|
|
+ text-decoration: none;
|
|
|
+ }
|
|
|
}
|
|
|
</style>
|
