Skip to content

M
mallapp
Commit eb863647 authored by 罗超's avatar 罗超
Browse files
Options

Merge branch 'master' of http://gitlab.oytour.com/viitto/mallapp

parents 12e9ebf0 58cfa004
Hide whitespace changes
Inline Side-by-side
Showing with 67 additions and 38 deletions
pages/kotra/news.vue
View file @ eb863647
<style> <style>
.koraNews{
width: 100%;
height: 100vh;
background: #F6F6F6;
}
.koraNewsList{ .koraNewsList{
display: flex;
width:100%; width:100%;
padding:10px; padding:0 15px;
border-bottom: 1px solid #F4F4F4; margin-top: 20px;
flex:1; }
.koraNews-time{
width: 100%;
display: flex;
align-items: center;
justify-content: center;
font-size: 12px;
color: #B9BCCA;
font-family: aa;
} }
.newsLeft{ .koraNews-box{
width:153px; width: 100%;
height:115px; border-radius: 6px;
flex-shrink:0;
border-radius: 3px; background: #FFF;
overflow: hidden; overflow: hidden;
margin-top: 10px;
} }
.newsLeft img{ .newsimgs{
width:100%; width: 100%;
height:100%; border-top-left-radius: 6px;
border-top-right-radius: 6px;
height: 145px;
} }
.koranewRight{ .n-img{
position: relative; width: 100%;
width:100%; height: 100%;
margin-left:12px; border-top-left-radius: 6px;
border-top-right-radius: 6px;
} }
.koraDate{ .box-conet{
position: absolute; width: 100%;
color:#B9B9B9; padding: 10px 15px;
bottom:0;
font-size:12px;
} }
.koraRName{ .koraRName{
color:#404040; color:#404040;
font-size:14px; font-size:14px;
display: -webkit-box; display: -webkit-box;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
-webkit-line-clamp: 3; -webkit-line-clamp: 2;
overflow: hidden; overflow: hidden;
} }
.koraNewsSearch { .koraRName-f{
display: flex; font-size: 12px;color:#999999;
margin: 10px 10px 0 10px; margin-top: 5px;
width: 100%; overflow: hidden;white-space: nowrap;text-overflow: ellipsis
justify-content: space-between;
} }
.koraNewsSearch{
padding: 0px 10px 10px;
}
</style> </style>
<template> <template>
<view class="koraNews"> <view class="koraNews">
...@@ -51,22 +68,34 @@ ...@@ -51,22 +68,34 @@
</view> </view>
<u-empty v-if="dataList.length==0" text="暂无数据" mode="data"></u-empty> <u-empty v-if="dataList.length==0" text="暂无数据" mode="data"></u-empty>
<scroll-view v-else :scroll-y="true" :enable-back-to-top="true" :enable-flex="true" <scroll-view v-else :scroll-y="true" :enable-back-to-top="true" :enable-flex="true"
@scrolltolower="lower" :style="{ 'height': `calc(100%)`}"> @scrolltolower="lower" style="height: calc(100vh - 45px);">
<view> <view>
<view class="koraNewsList" v-for="(item,index) in dataList" :key="index" @click="goNewsDetail(item)"> <view class="koraNewsList" v-for="(item,index) in dataList" :key="index" @click="goNewsDetail(item)">
<view class="newsLeft"> <view class="koraNews-time">{{item.CreateDate?item.CreateDate.replace('T',' '):''}}</view>
<img :src="item.CoverImg" alt=""/> <view class="koraNews-box">
</view> <view class="newsimgs">
<view class="koranewRight"> <image :src="item.CoverImg" mode="aspectFill" class='n-img'/>
<view class="koraRName">{{item.Title}}</view> </view>
<view class="koraDate">{{item.PublishTimeStr}}</view> <view class="box-conet">
<view class="koraRName">{{item.Title}}</view>
<view class="koraRName-f">{{item.Subtitle}}</view>
</view>
</view> </view>
</view> </view>
</view> </view>
<view style="padding:10px 0;">
<u-loadmore :status="status" :load-text="loadText" :font-size="24" :margin-top="0" :margin-bottom="0" />
</view> <u-loadmore
:status="status"
:load-text="loadText"
:font-size="24"
:margin-top="20"
:margin-bottom="20"
bg-color="#F6F6F6"
/>
</scroll-view> </scroll-view>
</view> </view>
</template> </template>
...@@ -79,7 +108,7 @@ ...@@ -79,7 +108,7 @@
pageIndex: 1, pageIndex: 1,
pageSize: 10, pageSize: 10,
Title:'', Title:'',
Type:1 // Type:1
}, },
pageCount: 1, pageCount: 1,
dataList:[], dataList:[],
......
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