huxuejian/ykt-team-wxapp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: 调整文章和客户卡片的样式，优化布局和高度

Browse Source
This commit is contained in:
Jafeng 2026-02-04 16:21:31 +08:00
parent 3ff53e7ba7
commit 12d7d093e9
2 changed files with 6 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
pages/home/article-list.vue
View File

@ -68,6 +68,8 @@ watch(articleIds, n => {
margin: 0 30rpx; margin: 0 30rpx;
margin-top: 24rpx; margin-top: 24rpx;
padding-bottom: 40rpx; padding-bottom: 40rpx;
width: calc(100% - 60rpx);
box-sizing: border-box;
} }
.arrow-icon { .arrow-icon {
@ -91,6 +93,8 @@ watch(articleIds, n => {
min-height: 188rpx; min-height: 188rpx;
padding: 20rpx; padding: 20rpx;
align-items: flex-start; align-items: flex-start;
width: 100%;
box-sizing: border-box;
} }
.article-card:active { .article-card:active {

21
pages/home/customer-archive.vue
View File

@ -24,20 +24,10 @@
{{ i.relationship }} {{ i.relationship }}
</view> </view>
<view class="flex flex-col items-center"> <view class="flex flex-col items-center">
<view class="customer-name text-lg leading-normal font-semibold whitespace-nowrap mb-8" <view class="customer-name text-lg leading-normal font-semibold whitespace-nowrap "
:class="current && i._id === current._id ? 'text-primary' : 'text-dark'"> :class="current && i._id === current._id ? 'text-primary' : 'text-dark'">
{{ i.name }} {{ i.name }}
</view> </view>
<view class="flex items-center mb-5">
<image
v-if="i.sex"
class="sex-icon mr-5"
:src="i.sex === '男' ? '/static/home/male.svg' : '/static/home/female.svg'"
/>
<view class="customer-age text-base leading-normal text-gray">
{{ i.age > 0 ? i.age + '岁' : '' }}
</view>
</view>
</view> </view>
<!-- 选中状态底部条和三角 --> <!-- 选中状态底部条和三角 -->
<view v-if="current && i._id === current._id" class="active-indicator"> <view v-if="current && i._id === current._id" class="active-indicator">
@ -203,7 +193,7 @@ watch(() => props.corpId, n => {
.customer-card { .customer-card {
width: 160rpx; width: 160rpx;
height: 160rpx; height: 110rpx;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
@ -219,9 +209,6 @@ watch(() => props.corpId, n => {
border: 2rpx solid #065BD6; border: 2rpx solid #065BD6;
} }
.customer-name {
margin-top: 12rpx;
}
.relationship-tag { .relationship-tag {
position: absolute; position: absolute;
@ -307,10 +294,6 @@ watch(() => props.corpId, n => {
margin-bottom: 12rpx; margin-bottom: 12rpx;
} }
.sex-icon {
width: 32rpx;
height: 32rpx;
}
.info-card-new { .info-card-new {
position: relative; position: relative;