小程序--头条首页

<!--index.wxml-->
<import src="../../template/baseNavigationBar.wxml"/>
<template is="navigationBar" data="{{...item}}"></template>
<view class="headline">
    <view class="headline_list">
        <view class="headline_img"><image src="../../images/img.png" mode="widthFix"></image></view>
        <view class="headline_content">
            <view class="headline_title">刘宏达|玉雕艺术可以延伸，但更需要传承</view>
            <view class="headline_time"><text class="time_read_count" decode="true">2018-12-24 15:38:31 &nbsp;&nbsp; 阅读 24</text></view>
        </view>
    </view>
    <view class="headline_list">
        <view class="headline_img"><image src="../../images/img.png" mode="widthFix"></image></view>
        <view class="headline_content">
            <view class="headline_title">刘宏达|玉雕艺术可以延伸，但更需要传承</view>
            <view class="headline_time"><text class="time_read_count" decode="true">2018-12-24 15:38:31 &nbsp;&nbsp; 阅读 24</text></view>
        </view>
    </view>
</view>

@import "../../lib/style/iconfont.wxss";
@import "../../lib/style/base.wxss";
@import "../../lib/style/baseNavigationBar.wxss";

page {
    background-color: #f3f3f3;
}
.headline {
    margin-top: 140rpx;
}
.headline_list {
    display: flex;
    padding: 20rpx;
    background: white;
    border-top: 2rpx solid #f3f3f3;
}

.headline_img {
    width: 130rpx;
    height: 130rpx;
    overflow: hidden;
    margin-right: 20rpx;
}

.headline_img image {
    width: 100%;
}

.headline_time {
    margin-top: 52rpx;
}
.time_read_count {
    color: #9d9d9d;
    font-size: 24rpx;
}