hz/learning-system-mobile
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-mobile.git synced 2025-12-09 10:56:47 +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

5
components/author-info/author-info.vue
View File

@@ -1,7 +1,7 @@
<template>
<view class="item-author" style="display: flex;line-height: 25px;">
<view>
<u-avatar v-if="avatar && avatar!=''" shape="square" :size="25" :src="avatar" ></u-avatar>
<u-avatar v-if="avatar && avatar!=''" shape="circle" :size="20" :src="fileUrl+avatar" ></u-avatar>
<!-- <u-avatar v-else :size="25" icon="account" shape="square"></u-avatar> -->
<view v-else>
<view v-if="sex == null" class="peo"></view>
@@ -11,7 +11,7 @@
</view>
</view>
</view>
<view style="padding-left:10upx;padding-top: 4upx;font-size: 26rpx;color: #666666;">{{name}}</view>
<view style="padding-left:16upx;padding-top: 4upx;font-size: 28upx;color: #666666;">{{name}}</view>
<!-- <view v-if="showInfo && info!=''" style="padding-left: 10upx;padding-top: 10upx;">({{info}})</view> -->
<!-- ({{info}}) -->
</view>
@@ -47,6 +47,7 @@
},
data(){
return {
fileUrl:this.$config.fileUrl,
userAvatar:'',
// sex:null,
}

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;