一对一免费咨询: 189-6833-3365

1、效果图预览2、准备(ready)工作在拿到效果图后不要先急着去写代码(code),而是要去分析(Analyse)一下页面的 整体结构,用什么方式定位和布局设计。宁波小程序开发对于开发者而言,小程序开发门槛相对较低,难度不及APP,能够满足简单的基础应用,适合生活服务类线下商铺以及非刚需低频应用的转换。小程序(procedure)里建议使用flex布局,因为小程序对flex的 支持是很好的 。上一篇博客中完成了轮播图部分, ..
1、效果图预览

2、准备工作
在拿到效果图后不要先急着去写代码(code),而是要去分析一下页面的 整体结构,用什么方式方法定位和布局。小程序里建议使用flex布局,因为小程序对flex的 支持是很好的 。
上一篇博客中完成了轮播图部分,接下来继续完成下面的 新闻列表部分
3、wxml部分
新闻列表部分整体使用flex纵向布局设计比较合适, 
先把页面内的 元素标签和类名写好。宁波小程序开发对于开发者而言,小程序开发门槛相对较低,难度不及APP,能够满足简单的基础应用,适合生活服务类线下商铺以及非刚需低频应用的转换。宁波小程序开发对于用户来说,能够节约使用时间成本和手机内存空间;对于开发者来说也能节约开发和推广成本。
<view ><view ><image src="{{item。avatar}}"></image><text >{{item.date}}</text></view><text >{{item.title}}</text><image src="{{item.imgSrc}}"></image><text >{{item.content}}</text><view ><image src="{{item.view_img}}"></image><text >{{item.reading}}</text><image src="{{item.collect_img}}"></image><text >{{item.collection}}</text></view></view>1234567891011121314151234567891011121314154、wxss部分。post-container{display: flex;flex-direction: column;margin-top: 20rpx;margin-bottom: 40rpx;background-color: #fff;

© 2008-2019 浙江东美 ALL RIGHTS RESERVED. XMLBAIDU
浙ICP备08154878号
找网站建设公司就上东美!
189-6833-3365
tel+86-189-6833-3365