专栏首页强仔仔显示商品分类列表页面

显示商品分类列表页面

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/linzhiqiang0316/article/details/79858789

1.wxml页面代码:

<!-- 所有分类显示 -->

<view class="btn-sudoku">

<navigator url="../listdetail/listdetail" class="nav-item">

<image src="../../images/type/subnav_01.png" mode="aspectFit" class="icon"/>

搜索

</navigator>

<navigator url="../listdetail/listdetail" class="nav-item" >

<image src="../../images/type/subnav_02.png" mode="aspectFit" class="icon"/>

客服

</navigator>

<navigator url="../listdetail/listdetail" class="nav-item" >

<image src="../../images/type/subnav_03.png" mode="aspectFit" class="icon"/>

订单

</navigator>

<navigator url="../listdetail/listdetail" class="nav-item" >

<image src="../../images/type/subnav_04.png" mode="aspectFit" class="icon"/>

收藏

</navigator>

<navigator url="../listdetail/listdetail" class="nav-item" >

<image src="../../images/type/subnav_05.png" mode="aspectFit" class="icon"/>

团购

</navigator>

<navigator url="../listdetail/listdetail" class="nav-item" >

<image src="../../images/type/subnav_06.png" mode="aspectFit" class="icon"/>

预售

</navigator>

<navigator url="../listdetail/listdetail" class="nav-item" >

<image src="../../images/type/subnav_07.png" mode="aspectFit" class="icon"/>

秒杀

</navigator>

<navigator url="../listdetail/listdetail" class="nav-item" >

<image src="../../images/type/subnav_08.png" mode="aspectFit" class="icon"/>

活动

</navigator>

</view>

2.wxss页面代码:

/* 所有分类显示 */

.btn-sudoku{display: flex;justify-content: space-between;flex-wrap: wrap;background: #fff}

.btn-sudoku .nav-item{width: 25%;text-align: center}

.btn-sudoku .icon{width: 70%;height: 131.25rpx;padding: 10% 15%;}

3.运行截图:

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 【SpringBoot】tk.mybatis集成,帮你更加傻瓜式的写代码~

    引入依赖的时候要特别注意是否会和springboot相互冲突,比如我这边用的springboot版本是2.1.3.RELEASE和2.1.5的tk.mybati...

    用户1149268
  • Java基础知识-循环语句的使用介绍(for、while、do-while)

    今天给大家介绍一下Java中循环语句的使用用法和每种循环语句的使用场景。 首先是最经常使用的for语句,下面看看for语句的结构: for 语句的基本结构如下所...

    用户1149268
  • 【商城应用】商品运费流程设计

    版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.n...

    用户1149268
  • 2.2 ASM-类-接口和组件

    ASM API对编译类进行生成和编辑,都是基于抽象类ClassVisitor实现的(参照表格 2.4)。 该类中的每一个方法都对应class文件中的同名的结构部...

    白凡
  • 使用 NIO 实现 echo 服务器

    java404
  • Spring初体验

    爱撒谎的男孩
  • Docker运行Kibana 原

    本地已经有elasticsearch在运行,我的elasticsearch运行在Docker上,如下List-2

    克虏伯
  • 压力测试中的子服务mock

    做压力测试有很多让人头疼的问题,例如:数据构造、机器准备、发压机性能差、带宽不够等;目前越来越多的服务引入的子服务、微服务的概念,这给性能测试增加了另一个问题—...

    用户5521279
  • JAVA调用Shell脚本

    Java学习123
  • Redis查询当前库有多少个 key

    info可以看到所有库的key数量 dbsize则是当前库key的数量 keys *这种数据量小还可以,大的时候可以直接搞死生产环境。 dbsize和keys ...

    joshua317

扫码关注云+社区

领取腾讯云代金券