提交 7742c68b 作者: 吴佳伟

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

上级 4e3d6042
......@@ -941,7 +941,7 @@
width: calc(100% - 100rpx);
display: flex;
flex-direction: column;
justify-content: space-between;
justify-content: space-around;
padding: 15rpx 0;
.channel-imgCenter {
......@@ -950,9 +950,9 @@
}
.channel-text {
font-size: 21rpx;
font-size: 26rpx;
font-family: '思源黑体';
line-height: 18.44rpx;
line-height: 26rpx;
}
}
......
<script setup lang="ts">
import { reactive, ref } from 'vue'
import * as NewsApi from '@/api/model/news'
import dayjs from 'dayjs'
interface News {
id: number
......@@ -8,7 +9,7 @@
editor: string
source: string
publishDate: string
image: string
posterUrl: string
viewCount: number
}
interface Policy {
......@@ -116,21 +117,23 @@
<view
v-for="news in newsList"
: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)"
>
<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="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">
<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>
<view v-show="!news.posterUrl" class="w-4%"></view>
</view>
</view>
<view v-show="news.image" class="w-30% h-full">
<image class="w-full h-full border-rd" :src="news.image" />
<view v-show="news.posterUrl" class="w-30% h-120">
<image class="w-full h-full border-rd" :src="news.posterUrl" />
</view>
</view>
<!-- 加载状态 -->
......
......@@ -707,16 +707,17 @@
v-for="news in pageData.newsItems"
:key="news.id"
class="w-full h-auto flex flex-row justify-around p-2"
style="min-height: 150rpx;"
@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="text-25 color-#686868">{{
dayjs(news.publishDate).format('YYYY年MM月DD日')
}}</view>
</view>
<view v-show="news.image" class="w-30% h-150">
<image class="w-full h-full border-rd" :src="news.image" />
<view v-show="news.posterUrl" class="w-30% h-150">
<image class="w-full h-full border-rd" :src="news.posterUrl" />
</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 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论