Browse Source

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

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

18
pages/goods-update/goods-update.wxml

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

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

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

Loading…
Cancel
Save