Skip to content

I
intel_promotion_uniapp
Commit 8d82aa90 authored by 罗林杰's avatar 罗林杰
Browse files
Options

修改页面样式

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