hz/learning-system-mobile
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-mobile.git synced 2025-12-08 10:26:45 +08:00
Code Issues Packages Projects Releases Wiki Activity

我的文章样式

Browse Source
This commit is contained in:
zhaofang
2022-11-04 18:10:36 +08:00
parent 10bee9d994
commit aa4c39774a
8 changed files with 108 additions and 95 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
components/interact-bar/interact-bar.vue
View File

@@ -2,19 +2,19 @@
<view class="interact-bar">
<view v-if="comments" class="interact-bar-item">
<image class="pto-img" src="../../static/images/icon/bar-comment.png" size="24"></image>
<text style="font-size: 15px;color: #969696;margin-left: 6upx;">{{data.comments}}</text>
<text style="font-size: 15px;color: #999999;margin-left: 8upx;">{{data.comments}}</text>
</view>
<view v-if="answers" class="interact-bar-item">
<image class="pto-img" src="../../static/images/icon/answers.png" size="24"></image>
<text style="font-size: 15px;color: #969696;margin-left: 6upx;">{{data.answers}}</text>
<text style="font-size: 15px;color: #999999;margin-left: 8upx;">{{data.answers}}</text>
</view>
<view v-if="praises" class="interact-bar-item">
<image class="pto-img" src="../../static/images/icon/bar-praise.png" size="24"></image>
<text style="font-size: 15px;color: #969696;margin-left: 6upx;">{{data.praises}}</text>
<text style="font-size: 15px;color: #999999;margin-left: 8upx;">{{data.praises}}</text>
</view>
<view v-if="favorites" class="interact-bar-item">
<image class="pto-img" src="../../static/images/icon/bar-favorite.png" size="24"></image>
<text style="font-size: 15px;color: #969696;margin-left: 6upx;">{{data.favorites}}</text>
<text style="font-size: 15px;color: #999999;margin-left: 8upx;">{{data.favorites}}</text>
</view>
<!-- <view v-if="views" class="interact-bar-item">
<u-icon name="eye" color="#969696" size="18"></u-icon>
@@ -92,10 +92,11 @@
display: flex;
margin-right: 60upx;
.pto-img {
margin-top: 18upx;
width: 12px;
height: 12px;
margin-top: 12upx;
width: 18px;
height: 18px;
margin-right: 5upx;
// vertical-align: middle;
}
.interact-bar-icon {
margin: 0 0 0 10px;