Uniapp/lucky_shop
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

chore：编辑资料，名片样式，切换名片的中间有一个竖着的分割线，

Browse Source
This commit is contained in:
jing
2026-10-14 08:56:34 +08:00
parent 52f50eb91e
commit 4650d9ea30
1 changed files with 11 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
pages_tool/card/detail.vue
View File

@@ -24,16 +24,18 @@
</view>
</view>
<!-- 卡下操作条(参考图: 三项等分, 项与项之间不加分隔线) -->
<!-- 卡下操作条(参考图: 三项等分, 项与项之间用浅灰竖线分隔) -->
<view class="card-actions" v-if="relation">
<view class="ca-item" @tap="goEdit">
<text class="ca-icon iconfont icon-bianji"></text>
<text>编辑资料</text>
</view>
<view class="ca-divider"></view>
<view class="ca-item" @tap="onStyleTap">
<text class="ca-icon iconfont icon-erweima"></text>
<text>名片样式</text>
</view>
<view class="ca-divider"></view>
<view class="ca-item" @tap="goList">
<text class="ca-icon iconfont icon-shuaxin"></text>
<text>切换名片</text>
@@ -561,6 +563,14 @@ export default {
color: #8a94a6;
}
}
// 参考图: 项与项之间一根浅灰竖线(约半个字高)
.ca-divider {
width: 2rpx;
height: 28rpx;
flex-shrink: 0;
background-color: #e5e7eb;
}
}
// 发名片下方的功能入口宫格: 五等分, 图标在上、文字在下