最新消息:20210816 当前crifan.com域名已被污染,为防止失联,请关注(页面右下角的)公众号

【未解决】微信小程序画首页

小程序 crifan 2248浏览 0评论

之前已经把项目下载到本地,且可以正常调试了:

【记录】把已有的微信小程序项目继续开发

现在需要去把首页改为,类似于这种的效果:

先要搞清楚,这个页面,需要哪些控件

微信小程序全面实战,架构设计 && 躲坑攻略 – 简书

组件 · 小程序

视图容器 · 小程序

然后需要去解决:

需要去实现类似于:

即今日下面,从左到右有3个元素,左边是今日留档的,右边是今日订单,中间是一个分割线

的效果。

即:微信小程序如何让三个字元素水平对齐且间距一样

现在已有代码:

  <view class="todayInfo">
    <view class="todayItem">
      <text class="todayItemNumber">0</text>
      <text class="todayItemTitle">今日留档</text>
      <text class="todayItemToMonth">本月至今0</text>
    </view>
    <view class="verticalLine"></view>
    <view class="todayItem">
      <text class="todayItemNumber">0</text>
      <text class="todayItemTitle">今日订单</text>
      <text class="todayItemToMonth">本月至今0</text>
    </view>
  </view>

效果是:

需要把内容水平对齐,且加上合适的间距。

小程序 布局 垂直的竖线

微信小程序 View:flex 布局-入门系列-微信小程序开发联盟-微信小程序-微信小程序开发社区-小程序开发论坛-微信小程序联盟

Eastwu5788/WXAPP: 微信小程序

小程序的居中布局,你可以这样做-新手教程-微信小程序开发联盟-微信小程序-微信小程序开发社区-小程序开发论坛-微信小程序联盟

Flex 布局教程:语法篇 – 阮一峰的网络日志

转载请注明:在路上 » 【未解决】微信小程序画首页

发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
89 queries in 0.170 seconds, using 22.11MB memory