3 4 5 6 微信 小程序布局 水平菜单 - 11GX
首页 > 微信 小程序布局 水平菜单

微信 小程序布局 水平菜单

{ {item.title}}
//-----------------------------------------------------
/* 菜单列表部分 ***********/
.wear-menu{
display: flex;
}
.menu-box{
width: 33.33%;
}
.menu-img{
width: 150rpx;
height: 150rpx;
border-radius: 50%;
overflow: hidden;
margin: 0 auto;
}
.menu-img image{
width: 100%;
height: 100%;
}
.menu-title{
text-align: center;
}
//---------------------------------------------------------------
// 菜单列表部分
menuList:[
{ id: 1, img:"../../imgs/index/wear_1.png",title:"今日专场"},
{ id: 1, img: "../../imgs/index/wear_1.png", title: "补货专区" },
{ id: 1,img: "../../imgs/index/wear_1.png", title: "特供专区" }
],

转载于:https://www.cnblogs.com/dianzan/p/7520194.html

更多相关：

  • 简单小程序开发流程

    app.js App({onLaunch: function() {if (!wx.cloud) {console.error('请使用 2.2.3 或以上的基础库以使用云能力')} else {wx.cloud.init({// env 参数说明：// env 参数决定接下来小程序发起的云开发调用（wx.cloud.xxx...

  • MVC、MVP、MVVM

    MVC、MVP、MVVM这些模式是为了解决开发过程中的实际问题而提出来的，目前作为主流的几种架构模式而被广泛使用。 一、MVC（Model-View-Controller） MVC是比较直观的架构模式，用户操作->View（负责接收用户的输入操作）->Controller（业务逻辑处理）->Model（数据持久化）->View（将结...

  • 宏定义的布局约束

    *自适应向布局约束的转化关闭*/ #define PREPCONSTRAINTS(VIEW) [VIEW setTranslatesAutoresizingMaskIntoConstraints:NO] #define CONSTRAIN(PARENT, VIEW, FORMAT) [PARENT addConstraints:[N...

  • VS+Eigen+CUDA compile error: C2244 and MSB3721

    编译环境Eigen3+CUDA9.2+VS2015 错误如下： 解决方式： 将Eigen中的JacobiSVD and BDCSVD里的Index用Eigen::Index替换 http://eigen.tuxfamily.org/dox-devel/TopicCUDA.html http://eigen.tuxfami...

  • 贪心：Jump Game 跳跃游戏

    一个数组存储了非负整型数据，数组中的第i个元素a[i]，代表了可以从数组第i个 位置最多向前跳跃a[i]步;已知数组各元素的情况下，求是否可以从数组的第0个位置跳跃到数组的最后一个元素的位置，返回是true或者false判断是否能够跳跃到结尾 例如: nums = [2, 3, 1, 1, 4] ，可以从nums[0] = 2 跳跃...

  • ipython --pandas

    d定义: pandas是一个强大的Python数据分析的工具包。 pandas是基于NumPy构建的。 安装方法: pip install pandas import pandas as pd pandas的主要功能 具备对其功能的数据结构DataFrame、Series 集成时间序列功能 提供丰富的数学运算和操作 灵活处理缺失数据...

  • .NET使用OpenSSL生成的pem密钥文件[1024位]

      using System; using System.Text; using System.Security.Cryptography; using System.Web; using System.IO;namespace Thinhunan.Cnblogs.Com.RSAUtility {public class PemCo...

  • oracle 无效索引

    错误信息：ORA-01502: index 'VOX_ID' or partition of such index is in unusable state 原因：将表的表空间做了更改，导致索引失效。表移动表空间，需要重建索引。 解决方法：alter index vox_id rebuild   问题查找： SQL> select i...

  • C++标准库中sstream和strstream的区别

    在C++有两种字符串流，一种在sstream中定义， 另一种在strstream中定义。 它们实现的东西基本一样。 strstream里包含 class strstreambuf; class istrstream; class ostrstream; class strstream; 它们是基于C类型字符串char*编写的...

  • Django-C002-深入模型，到底有多深

    此文章完成度【100%】留着以后忘记的回顾。多写多练多思考，我会努力写出有意思的demo，如果知识点有错误、误导，欢迎大家在评论处写下你的感想或者纠错。     ORM介绍：对象关系映射（英语：(Object Relational Mapping，简称ORM，或O/RM，或O/R mapping），是一种程序技术，用于实现面向对象编程...

  • Bootstrap框架和inconfont、font-awesome使用

    Bootstrap框架和inconfont、font-awesome使用 iconfont的使用：https://www.cnblogs.com/clschao/articles/10387580.html Bootstrap介绍 　　Bootstrap是Twitter开源的基于HTML、CSS、JavaScript的前端框架。 　...

  • java 日志框架的选择Log4j-SLF4j-Logback

    Log4j->SLF4j->Logback是同一个人开发的 import lombok.extern.slf4j.Slf4j; import org.junit.Test; import org.junit.runner.RunWith; import org.springframework.boot.test.context.Spr...

  • 用Django内置form组件实现注册

    HTML页面代码块： 1 2 3 4 5 6

    -->

©2024 11GX.COM