提交 7742c68b 作者: 吴佳伟

fix: 渠道商图标替换4x版本,字体调大; 新闻列表样式修改

上级 4e3d6042
...@@ -941,7 +941,7 @@ ...@@ -941,7 +941,7 @@
width: calc(100% - 100rpx); width: calc(100% - 100rpx);
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: space-between; justify-content: space-around;
padding: 15rpx 0; padding: 15rpx 0;
.channel-imgCenter { .channel-imgCenter {
...@@ -950,9 +950,9 @@ ...@@ -950,9 +950,9 @@
} }
.channel-text { .channel-text {
font-size: 21rpx; font-size: 26rpx;
font-family: '思源黑体'; font-family: '思源黑体';
line-height: 18.44rpx; line-height: 26rpx;
} }
} }
......
<script setup lang="ts"> <script setup lang="ts">
import { reactive, ref } from 'vue' import { reactive, ref } from 'vue'
import * as NewsApi from '@/api/model/news' import * as NewsApi from '@/api/model/news'
import dayjs from 'dayjs'
interface News { interface News {
id: number id: number
...@@ -8,7 +9,7 @@ ...@@ -8,7 +9,7 @@
editor: string editor: string
source: string source: string
publishDate: string publishDate: string
image: string posterUrl: string
viewCount: number viewCount: number
} }
interface Policy { interface Policy {
...@@ -116,21 +117,23 @@ ...@@ -116,21 +117,23 @@
<view <view
v-for="news in newsList" v-for="news in newsList"
:key="news.id" :key="news.id"
class="w-full flex flex-row justify-around p-2 bg-#fff border-rd-lg mb-2 h-150" class="w-full h-auto flex flex-row justify-around p-2 bg-#fff border-rd-lg mb-2"
style="min-height: 120rpx"
@click="toNewsDetail(news)" @click="toNewsDetail(news)"
> >
<view class="flex flex-col justify-between" :class="news.image ? 'w-70%' : 'w-full'"> <view class="flex flex-col justify-between" :style="news.posterUrl ? 'width: 68%' : 'width: 100%'">
<view class="ellipsis-multiline text-28 color-#333333">{{ news.title }}</view> <view class="ellipsis-multiline text-28 color-#333333">{{ news.title }}</view>
<view class="flex flex-row justify-between text-25 color-#686868"> <view class="flex flex-row justify-between text-25 color-#686868">
<text>{{ news.publishDate }}</text> <text>{{ dayjs(news.publishDate).format('YYYY年MM月DD日') }}</text>
<view class="mr-1 flex-center"> <view class="mr-1 flex-center">
<image class="mt-0.5 mr-1 w-30 h-26" src="/static/images/news/views.png" /> <image class="mt-0.5 mr-1 w-30 h-26" src="/static/images/news/views.png" />
<view class="flex-center text-24 lh-24rpx">{{ news.viewCount }}</view> <view class="flex-center text-24 lh-24rpx">{{ news.viewCount }}</view>
</view> </view>
<view v-show="!news.posterUrl" class="w-4%"></view>
</view> </view>
</view> </view>
<view v-show="news.image" class="w-30% h-full"> <view v-show="news.posterUrl" class="w-30% h-120">
<image class="w-full h-full border-rd" :src="news.image" /> <image class="w-full h-full border-rd" :src="news.posterUrl" />
</view> </view>
</view> </view>
<!-- 加载状态 --> <!-- 加载状态 -->
......
...@@ -707,16 +707,17 @@ ...@@ -707,16 +707,17 @@
v-for="news in pageData.newsItems" v-for="news in pageData.newsItems"
:key="news.id" :key="news.id"
class="w-full h-auto flex flex-row justify-around p-2" class="w-full h-auto flex flex-row justify-around p-2"
style="min-height: 150rpx;"
@click="toNewsDetail(news)" @click="toNewsDetail(news)"
> >
<view class="w-70% flex flex-col justify-between" :class="news.image ? 'w-70%' : 'w-full'"> <view class="flex flex-col justify-between" :style="news.posterUrl ? 'width: 68%' : 'width: 100%'">
<view class="ellipsis-multiline text-25 color-#333333 mb-1">{{ news.title }}</view> <view class="ellipsis-multiline text-25 color-#333333 mb-1">{{ news.title }}</view>
<view class="text-25 color-#686868">{{ <view class="text-25 color-#686868">{{
dayjs(news.publishDate).format('YYYY年MM月DD日') dayjs(news.publishDate).format('YYYY年MM月DD日')
}}</view> }}</view>
</view> </view>
<view v-show="news.image" class="w-30% h-150"> <view v-show="news.posterUrl" class="w-30% h-150">
<image class="w-full h-full border-rd" :src="news.image" /> <image class="w-full h-full border-rd" :src="news.posterUrl" />
</view> </view>
</view> </view>
</view> </view>
......
src/static/images/qudao/hema.png

5.9 KB | W: | H:

src/static/images/qudao/hema.png

51.5 KB | W: | H:

src/static/images/qudao/hema.png
src/static/images/qudao/hema.png
src/static/images/qudao/hema.png
src/static/images/qudao/hema.png
  • 2-up
  • Swipe
  • Onion skin
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论