一、轮播图
1.效果图(实现图片自动衔接滑动效果)
2.实现步骤
(1)在index.wxml中编写代码, 要用<swiper> <swiper-item>自己可以在<swiper>添加属性实现不同的效果。
(2)在index.wxml中编写轮播图的样式
二、图片文字排版
1.效果图
2.实现步骤
(1)在index.wxml中编写代码,注意使用scroll-x
(2)在index.wxml中编写图片文字排版的样式
三、作品样式排版
1.效果图
2.实现步骤
(1)在index.wxml中编写代码,
(2)在index.wxml中编写样式
(3)先完成第一部分效果
(4)在第一部分里面排版图片,也是在index.wxml中编写代码,
(5)在index.wxml中编写排版图片的样式以及图片里面文字的样式
四、行业动态排版
1.效果图
2.实现步骤
(1)在index.wxml中编写代码,
(2)在index.wxml中编写行业动态代码,
(3)在index.wxss中编写行业动态样式,