root/uniapp-im-shop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

我的模块完成，朋友圈需要添加功能

Browse Source
This commit is contained in:
cbb
2025-12-29 17:53:30 +08:00
parent e3e409b8b8
commit 417bfe235f
10 changed files with 311 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

78
pages/my-index/collection/index.vue
View File

@@ -29,7 +29,29 @@
</view>
</view>
</view>
我的收藏
<!-- <cb-empty name="暂无收藏"></cb-empty> -->
<view class="list-box">
<view v-for="item in 3" :key="item" class="card-box">
<view class="top-item">
<view class="left-box">
<text>这是收藏的文案标题</text>
<text class="text">
这是收藏这是收藏的文这是收藏的文案这是收藏的案这是案这是文案这是收
</text>
</view>
<!-- <image
src="/static/images/my-index/text-icon.png"
mode="heightFix"
class="right-img"
></image> -->
</view>
<view class="date-box">
<text>Admin</text>
<text>2月17日</text>
</view>
</view>
</view>
</view>
</template>
@@ -41,4 +63,58 @@
padding: 24rpx;
background: #ffffff;
}
.list-box {
padding: 32rpx 24rpx;
.card-box + .card-box {
margin-top: 16rpx;
}
.card-box {
font-family: PingFang SC, PingFang SC;
font-style: normal;
text-transform: none;
border-radius: 16rpx;
background: #ffffff;
padding: 32rpx;
.top-item {
display: flex;
justify-content: space-between;
.left-box {
display: flex;
flex-direction: column;
text {
font-weight: 500;
font-size: 28rpx;
color: #333333;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-all; // 可选：确保长单词也能换行
}
.text {
font-size: 24rpx;
color: #999999;
margin-top: 16rpx;
-webkit-line-clamp: 2;
line-clamp: 2;
}
}
.right-img {
height: 112rpx;
flex-shrink: 0;
}
}
.date-box {
display: flex;
justify-content: space-between;
font-weight: 500;
font-size: 24rpx;
color: #999999;
margin-top: 20rpx;
}
}
}
</style>