• Day04--实现本地生活的首页基础布局


    提纲挈领:

     我的操作:

    1>在app.json中新建项目并梳理项目结构

    ************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************

     2>在app.json中配置导航栏效果

    ************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************

    3>依然在app.json配置tabBar效果

     ************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************

    4> 实现轮播图的效果

    1》需要知道后端的接口

     2》拿到轮播图的数据。

     3》在home.wxml里面写结构:

    4》在home.wxss里面写样式:【美化轮播图效果】

     5》在home.wxml里面写轮播图【小圆点,衔接滚动】

    ************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************

     5>实现九宫格效果

    1》需要从后端拿到数据

    2》 拿到九宫格的数据。

    3》 在home.wxml里面写结构:

     4》在home.wxss里面写样式:【美化九宫格效果】

     

     6>实现图片布局:

    1》在home.wxml里面:

     2》在homewxss里面:

    3》效果图:

     

     

     

  • 相关阅读:
    2D 直方图
    哪个更快?document.addEventListener VS element.addEventListener
    Java入门第116课——向List中插入和删除元素
    Git常用命令与分支管理
    SRM系统是什么?有什么作用?企业如何应用SRM系统?
    互联网Java工程师面试题·Java 并发编程篇·第五弹
    【C++】topk问题
    使用 CSS 伪类的attr() 展示 tooltip
    Pytorch总结七之深度学习的正向、反向传播原理+参数初始化+实战房价预测
    【前端学习 -Vue (7) Vue2.x组件通信有哪些方式?】
  • 原文地址:https://blog.csdn.net/qq_59110215/article/details/127812782