Browse Source

feat: 更新联系信息样式与goods-detail保持一致

pull/9/head
徐飞洋 2 months ago
parent
commit
07d96b7913
  1. 22
      pages/goods-update/goods-update.wxml
  2. 70
      pages/goods-update/goods-update.wxss

22
pages/goods-update/goods-update.wxml

@ -149,15 +149,21 @@
</view> </view>
</view> </view>
<!-- 联系信息 --> <!-- 联系信息 -->
<view class="contact-info"> <view class="contact-info">
<view class="contact-item"> <view class="contact-content">
<text class="contact-label">联系人:</text> <view class="contact-item">
<text class="contact-value">{{goodsDetail.product_contact || '暂无'}}</text> <text class="contact-icon user-icon">👤</text>
</view> <text class="contact-label-text">联系人:</text>
<view class="contact-item"> <text class="contact-text">{{goodsDetail.product_contact || '暂无'}}</text>
<text class="contact-label">联系电话:</text> </view>
<text class="contact-value">{{goodsDetail.contact_phone || '暂无'}}</text> <view class="contact-item phone-item">
<text class="contact-icon phone-icon">📞</text>
<view class="phone-info">
<text class="contact-label-text">联系电话:</text>
<text class="contact-text">{{goodsDetail.contact_phone || '暂无'}}</text>
</view>
</view>
</view> </view>
</view> </view>

70
pages/goods-update/goods-update.wxss

@ -713,14 +713,21 @@ video.slider-media .wx-video-volume-icon {
box-sizing: border-box; box-sizing: border-box;
} }
/* 联系信息样式 */ /* 联系信息 */
.contact-info { .contact-info {
margin: 16rpx; margin: 16rpx;
padding: 16rpx 24rpx; padding: 24rpx;
border-radius: 20rpx;
background: #ffffff; background: #ffffff;
border-radius: 12rpx; border: 2rpx solid #d6e4ff;
box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.08); box-shadow: 0 8rpx 24rpx rgba(0, 0, 0, 0.08);
border: 1rpx solid #f0f0f0; }
.contact-label {
display: none;
}
.contact-content {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 12rpx; gap: 12rpx;
@ -729,20 +736,57 @@ video.slider-media .wx-video-volume-icon {
.contact-item { .contact-item {
display: flex; display: flex;
align-items: center; align-items: center;
gap: 12rpx; padding: 12rpx 0;
} }
.contact-label { .phone-item {
font-size: 28rpx; display: flex;
font-weight: 500; align-items: center;
color: #8c8c8c; justify-content: space-between;
min-width: 120rpx; padding: 12rpx 0;
} }
.contact-value { .contact-icon {
font-size: 28rpx; font-size: 28rpx;
color: #333; margin-right: 16rpx;
flex-shrink: 0;
width: 36rpx;
text-align: center;
color: #2f54eb;
}
.user-icon {
font-size: 32rpx;
}
.phone-icon {
font-size: 32rpx;
}
.contact-label-text {
font-size: 26rpx;
color: #595959;
margin-right: 12rpx;
white-space: nowrap;
flex-shrink: 0;
}
.contact-text {
font-size: 26rpx;
color: #262626;
flex-shrink: 0;
margin-right: 24rpx;
}
.phone-info {
display: flex;
flex-direction: row;
flex: 1; flex: 1;
align-items: center;
}
.phone-info .contact-label-text {
margin-bottom: 0;
} }
/* 创建人信息样式 */ /* 创建人信息样式 */

Loading…
Cancel
Save