Commit 8d82aa90 authored by 罗林杰's avatar 罗林杰

修改页面样式

parent 638a7984
<template>
<view class="top">
<view class="title">{{articleInfo.title}}</view>
<view style="display: flex; align-items: center;justify-content: space-between">
<view style="display: flex; align-items: center">
<image class="leftimage" src="../../static/img/image/detail_eye.png"></image>
<view style="margin-left: 10rpx;margin-bottom: 15rpx;color: rgb(202, 202, 202);">{{articleInfo.readCount}}</view>
<view class="cont">
<view class="title">{{articleInfo.title}}</view>
<view style="display: flex; align-items: center;justify-content: space-between">
<view style="display: flex; align-items: center">
<image class="leftimage" src="../../static/img/image/detail_eye.png"></image>
<view style="margin-left: 10rpx;margin-bottom: 15rpx;color: rgb(202, 202, 202);">{{articleInfo.readCount}}</view>
</view>
<view class="date">{{articleInfo.releaseDate}}</view>
</view>
<view class="detail">
<view v-html="articleInfo.details"></view>
</view>
<view class="date">{{articleInfo.releaseDate}}</view>
</view>
<view class="detail">
<view v-html="articleInfo.details"></view>
</view>
</view>
</template>
......@@ -42,7 +44,7 @@
<style>
.top{
background-color: #F6F6F6;
background-color: rgb(249, 249, 249);
min-height: 100vh;
padding: 26rpx;
}
......@@ -58,11 +60,19 @@
margin-bottom: 30rpx;
}
.detail{
margin-top: 20rpx;
font-size: 30rpx;
font-weight: 400;
color: rgb(51, 51, 51);
font-family: Source Han Sans CN-Regular, Source Han Sans CN;
}
.leftimage {
width: 50rpx;
height: 50rpx;
width: 40rpx;
height: 40rpx;
margin-bottom: 20rpx;
}
.cont{
background-color: #ffffff;
padding: 30rpx;
}
</style>
\ No newline at end of file
......@@ -6,7 +6,7 @@
<view class="cardtitle" @click="toDetail(item.businessId)">
<view class="cardtitle1">{{item.title}}</view>
<view class="cardtitle2">{{item.details.replace(/<[^>]*>/g, '')}}</view>
<view style="color: rgb(191, 191, 191)">推广量:{{item.readNum || '-'}}</view>
<view style="color: rgb(191, 191, 191);font-size: 13px;">推广量:{{item.readNum || '-'}}</view>
</view>
</view>
<u-loadmore :status="articleStatus" />
......@@ -117,21 +117,21 @@
padding: 22rpx;
}
.cardimage{
width: 260rpx !important;
height: 180rpx !important;
width: 220rpx !important;
height: 150rpx !important;
border-radius: 8px 8px 8px 8px;
margin-right: 25rpx;
/* margin: 22rpx; */
}
.cardtitle{
width: 414rpx;
}
.cardtitle{
width: 414rpx;
}
.cardtitle1{
font-size: 16px;
font-family: Source Han Sans CN-Medium, Source Han Sans CN;
font-weight: 500;
color: #333333;
margin-bottom: 20rpx;
margin-bottom: 10rpx;
overflow: hidden;
-webkit-line-clamp: 1;
text-overflow: ellipsis;
......@@ -139,11 +139,11 @@
-webkit-box-orient: vertical;
}
.cardtitle2{
font-size: 14px;
font-size: 13px;
font-family: Source Han Sans CN-Regular, Source Han Sans CN;
font-weight: 400;
color: rgb(191, 191, 191);
margin-bottom: 40rpx;
margin-bottom: 30rpx;
overflow: hidden;
-webkit-line-clamp: 1;
text-overflow: ellipsis;
......
......@@ -5,7 +5,7 @@
<image :src="item.path" class="cardimage" @click="toDetail(item.businessId)"></image>
<view class="cardtitle" @click="toDetail(item.businessId)">
<view class="cardtitle1">{{item.videoTitle}}</view>
<view style="color: rgb(191, 191, 191);padding-top: 80rpx">推广量:{{item.readNum || '-'}}</view>
<view style="color: rgb(191, 191, 191);padding-top: 60rpx">推广量:{{item.readNum || '-'}}</view>
</view>
</view>
<u-loadmore :status="status" />
......@@ -123,8 +123,8 @@
padding: 22rpx;
}
.cardimage{
width: 260rpx !important;
height: 180rpx !important;
width: 220rpx !important;
height: 150rpx !important;
border-radius: 8px 8px 8px 8px;
margin-right: 25rpx;
/* margin: 22rpx; */
......@@ -137,7 +137,7 @@
font-family: Source Han Sans CN-Medium, Source Han Sans CN;
font-weight: 500;
color: #333333;
margin-bottom: 20rpx;
margin-bottom: 10rpx;
overflow: hidden;
-webkit-line-clamp: 1;
text-overflow: ellipsis;
......@@ -145,11 +145,11 @@
-webkit-box-orient: vertical;
}
.cardtitle2{
font-size: 14px;
font-size: 13px;
font-family: Source Han Sans CN-Regular, Source Han Sans CN;
font-weight: 400;
color: rgb(191, 191, 191);
margin-bottom: 40rpx;
margin-bottom: 30rpx;
overflow: hidden;
-webkit-line-clamp: 1;
text-overflow: ellipsis;
......
......@@ -31,7 +31,7 @@
<view class="cardtitle" @click="toDetail(item.businessId)">
<view class="cardtitle1">{{item.title}}</view>
<view class="cardtitle2">{{item.details.replace(/<[^>]*>/g, '')}}</view>
<view style="color: rgb(191, 191, 191)">推广量:{{formatReadNum(item)}}</view>
<view style="color: rgb(191, 191, 191);font-size: 13px;">推广量:{{formatReadNum(item)}}</view>
</view>
</view>
<u-loadmore :status="articleStatus" />
......@@ -44,7 +44,7 @@
<image :src="item.defaultUrl" class="cardimage" @click="toDetail(item.businessId)"></image>
<view class="cardtitle" @click="toDetail(item.businessId)">
<view class="cardtitle1">{{item.videoTitle}}</view>
<view style="color: rgb(191, 191, 191);padding-top: 80rpx">推广量:{{formatReadNum(item)}}</view>
<view style="color: rgb(191, 191, 191);padding-top: 60rpx">推广量:{{formatReadNum(item)}}</view>
</view>
</view>
<u-loadmore :status="videoStatus" />
......@@ -297,8 +297,8 @@ import USwiper from "../../uview-ui/components/u-swiper/u-swiper.vue";
padding: 22rpx;
}
.cardimage{
width: 260rpx !important;
height: 180rpx !important;
width: 220rpx !important;
height: 150rpx !important;
border-radius: 8px 8px 8px 8px;
margin-right: 25rpx;
/* margin: 22rpx; */
......@@ -311,7 +311,7 @@ import USwiper from "../../uview-ui/components/u-swiper/u-swiper.vue";
font-family: Source Han Sans CN-Medium, Source Han Sans CN;
font-weight: 500;
color: #333333;
margin-bottom: 20rpx;
margin-bottom: 10rpx;
overflow: hidden;
-webkit-line-clamp: 1;
text-overflow: ellipsis;
......@@ -319,11 +319,11 @@ import USwiper from "../../uview-ui/components/u-swiper/u-swiper.vue";
-webkit-box-orient: vertical;
}
.cardtitle2{
font-size: 14px;
font-size: 13px;
font-family: Source Han Sans CN-Regular, Source Han Sans CN;
font-weight: 400;
color: rgb(191, 191, 191);
margin-bottom: 40rpx;
margin-bottom: 30rpx;
overflow: hidden;
-webkit-line-clamp: 1;
text-overflow: ellipsis;
......
......@@ -17,7 +17,7 @@
<view class="cardtitle" @click="toDetail(item.businessId)">
<view class="cardtitle1">{{item.title}}</view>
<view class="cardtitle2">{{item.details.replace(/<[^>]*>/g, '')}}</view>
<view style="color: rgb(191, 191, 191)">推广量:{{item.readNum || '-'}}</view>
<view style="color: rgb(191, 191, 191);font-size: 13px;">推广量:{{item.readNum || '-'}}</view>
</view>
</view>
<u-loadmore :status="videoStatus" />
......@@ -30,7 +30,7 @@
<image class="cardimage" :src="item.path" @click="toDetail(item.businessId)"></image>
<view class="cardtitle" @click="toDetail(item.businessId)">
<view class="cardtitle1">{{item.videoTitle}}</view>
<view style="color: rgb(191, 191, 191);padding-top: 80rpx">推广量:{{item.readNum || '-'}}</view>
<view style="color: rgb(191, 191, 191);padding-top: 60rpx">推广量:{{item.readNum || '-'}}</view>
</view>
</view>
<u-loadmore :status="videoStatus" />
......@@ -202,40 +202,40 @@
/* margin-bottom: 22rpx; */
padding: 22rpx;
}
.cardimage{
width: 260rpx !important;
height: 180rpx !important;
border-radius: 8px 8px 8px 8px;
margin-right: 25rpx;
/* margin: 22rpx; */
}
.cardtitle{
width: 414rpx;
}
.cardtitle1{
font-size: 16px;
font-family: Source Han Sans CN-Medium, Source Han Sans CN;
font-weight: 500;
color: #333333;
margin-bottom: 20rpx;
overflow: hidden;
-webkit-line-clamp: 1;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
}
.cardtitle2{
font-size: 14px;
font-family: Source Han Sans CN-Regular, Source Han Sans CN;
font-weight: 400;
.cardimage{
width: 220rpx !important;
height: 150rpx !important;
border-radius: 8px 8px 8px 8px;
margin-right: 25rpx;
/* margin: 22rpx; */
}
.cardtitle{
width: 414rpx;
}
.cardtitle1{
font-size: 16px;
font-family: Source Han Sans CN-Medium, Source Han Sans CN;
font-weight: 500;
color: #333333;
margin-bottom: 10rpx;
overflow: hidden;
-webkit-line-clamp: 1;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
}
.cardtitle2{
font-size: 13px;
font-family: Source Han Sans CN-Regular, Source Han Sans CN;
font-weight: 400;
color: rgb(191, 191, 191);
margin-bottom: 40rpx;
overflow: hidden;
-webkit-line-clamp: 1;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
}
margin-bottom: 30rpx;
overflow: hidden;
-webkit-line-clamp: 1;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
}
.tabs-container {
display: flex;
justify-content: center;
......
......@@ -5,7 +5,7 @@
<view class="cardtitle">
<u-row gutter="8">
<u-col :span="6"><view class="nameRow">{{item.name || '-'}}</view></u-col>
<u-col :span="6"><view class="viewRow">{{item.username || '-'}}</view></u-col>
<u-col :span="6"><view class="viewRow" style="font-weight: bold">{{item.username || '-'}}</view></u-col>
</u-row>
<view class="divider"></view>
<u-row class="expressRow" gutter="8">
......
......@@ -7,7 +7,7 @@
<image v-else class="topimageurlTwo" src="../../static/img/image/wode_pic_bg1.png"></image>
</view>
<view class="bottomcard" :style="{top: -(topHeight) + 'px','height':' calc(100vh - 40rpx - '+statusBarHeight + 'px'+' - '+topHeight+'px'+')'}">
<view class="profile-container" style="display: flex; align-items: center; margin-top: 10vh;">
<view class="profile-container" style="display: flex; align-items: center; margin-top: 13vh;">
<view class="avatar-container u-m-l-50">
<image
:src="showType === 'HZY' ? '../../static/img/image/wode_logo_default@2x.png' : '../../static/img/image/wode_logo_default.png'"
......@@ -50,7 +50,7 @@
<!-- </view>-->
<!-- <image src="../../static/img/image/wode_icon_jiantou@2x.png" class="rightimage"></image>-->
<!-- </view>-->
<view style="margin-top: 10vh;">
<view style="margin-top: 15vh;">
<u-row>
<u-col span="4" >
<view class="card" @click="openPage('/pages/myArticle/index')">
......@@ -380,7 +380,7 @@ import UCol from "../../uview-ui/components/u-col/u-col.vue";
font-family: Source Han Sans CN-Bold, Source Han Sans CN;
font-weight: bold;
color: #FFFFFF;
margin-bottom: 32rpx;
margin-bottom: 15rpx;
}
.toptitlelist2{
font-size: 14px;
......
......@@ -271,7 +271,7 @@ import projectName from "../../common/projectName";
font-size: 16px;
font-family: Source Han Sans CN-Regular, Source Han Sans CN;
font-weight: 400;
color: #666666;
color: #0e0d0d;
overflow: hidden;
-webkit-line-clamp: 1;
text-overflow: ellipsis;
......@@ -325,7 +325,7 @@ import projectName from "../../common/projectName";
font-size: 16px;
font-family: Source Han Sans CN-Regular, Source Han Sans CN;
font-weight: 400;
color: #666666;
color: #0e0d0d;
}
.settingrightimage{
width: 48rpx;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment