feat: 界面优化
parent
5dbdcc52c8
commit
ed91b7adc0
|
|
@ -135,7 +135,7 @@ const handleClickLeft = () => {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
/* justify-content: space-between; */
|
/* justify-content: space-between; */
|
||||||
padding: 0 32rpx;
|
padding: 0 16rpx;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
}
|
}
|
||||||
|
|
@ -187,7 +187,7 @@ const handleClickLeft = () => {
|
||||||
.navbar-right {
|
.navbar-right {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
min-width: 100rpx;
|
min-width: 52rpx;
|
||||||
justify-content: flex-end;
|
justify-content: flex-end;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -135,7 +135,7 @@ const handleClickLeft = () => {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
/* justify-content: space-between; */
|
/* justify-content: space-between; */
|
||||||
padding: 0 32rpx;
|
padding: 0 16rpx;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
}
|
}
|
||||||
|
|
@ -187,7 +187,7 @@ const handleClickLeft = () => {
|
||||||
.navbar-right {
|
.navbar-right {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
min-width: 100rpx;
|
min-width: 52rpx;
|
||||||
justify-content: flex-end;
|
justify-content: flex-end;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -134,7 +134,7 @@ const handleClickLeft = () => {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
/* justify-content: space-between; */
|
/* justify-content: space-between; */
|
||||||
padding: 0 32rpx;
|
padding: 0 16rpx;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
}
|
}
|
||||||
|
|
@ -185,7 +185,7 @@ const handleClickLeft = () => {
|
||||||
.navbar-right {
|
.navbar-right {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
min-width: 100rpx;
|
min-width: 52rpx;
|
||||||
justify-content: flex-end;
|
justify-content: flex-end;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -138,7 +138,7 @@ const handleClickLeft = () => {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
/* justify-content: space-between; */
|
/* justify-content: space-between; */
|
||||||
padding: 0 32rpx;
|
padding: 0 16rpx;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
}
|
}
|
||||||
|
|
@ -189,7 +189,7 @@ const handleClickLeft = () => {
|
||||||
.navbar-right {
|
.navbar-right {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
min-width: 100rpx;
|
min-width: 52rpx;
|
||||||
justify-content: flex-end;
|
justify-content: flex-end;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -36,12 +36,16 @@
|
||||||
v-for="(item, index) in starList"
|
v-for="(item, index) in starList"
|
||||||
>
|
>
|
||||||
<view class="flex gap-[24rpx] py-[40rpx] border-bt" v-if="currentTab === 0">
|
<view class="flex gap-[24rpx] py-[40rpx] border-bt" v-if="currentTab === 0">
|
||||||
<image class="w-[112rpx] h-[112rpx]" :src="item.logo" mode="scaleToFill" />
|
<image
|
||||||
|
class="min-w-[112rpx] min-h-[112rpx] w-[112rpx] h-[112rpx]"
|
||||||
|
:src="item.logo"
|
||||||
|
mode="scaleToFill"
|
||||||
|
/>
|
||||||
<view class="flex flex-col flex-1">
|
<view class="flex flex-col flex-1">
|
||||||
<text class="text-[28rpx] text-[#333] font-semibold mb-[6rpx]">
|
<text class="text-[28rpx] text-[#333] font-semibold mb-[6rpx]">
|
||||||
{{ item.name }}
|
{{ item.name }}
|
||||||
</text>
|
</text>
|
||||||
<view class="flex items-center gap-[8rpx] mb-[16rpx]">
|
<view class="flex flex-wrap items-center gap-[8rpx] mb-[16rpx]">
|
||||||
<view
|
<view
|
||||||
class="truncate max-w-[136rpx] bg-[#f8f8f8] rounded-[4rpx] text-[20rpx] px-[8rpx] py-[2rpx]"
|
class="truncate max-w-[136rpx] bg-[#f8f8f8] rounded-[4rpx] text-[20rpx] px-[8rpx] py-[2rpx]"
|
||||||
v-for="(fea, fIndex) in item.features.slice(0, 5)"
|
v-for="(fea, fIndex) in item.features.slice(0, 5)"
|
||||||
|
|
@ -60,21 +64,6 @@
|
||||||
收藏
|
收藏
|
||||||
</button>
|
</button>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<view class="flex gap-[24rpx] py-[40rpx] border-bt" v-if="currentTab === 1">
|
|
||||||
<view class="flex flex-col">
|
|
||||||
<view>
|
|
||||||
<text></text>
|
|
||||||
<text>专业代码:001121</text>
|
|
||||||
</view>
|
|
||||||
<text>本科批·四年</text>
|
|
||||||
</view>
|
|
||||||
<button class="collect-btn" plain @click="handleStar(item)">
|
|
||||||
<view class="i-carbon-star-filled text-[#FFB032]" v-if="item.isStar"></view>
|
|
||||||
<view class="i-carbon-star" v-else></view>
|
|
||||||
收藏
|
|
||||||
</button>
|
|
||||||
</view>
|
|
||||||
</view>
|
</view>
|
||||||
</z-paging>
|
</z-paging>
|
||||||
</template>
|
</template>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue