微信小程序之“自取”与“外卖”

效果演示：

Index.html代码：

<view class="section"><view class="section_content"><view class="left_ziqu" bindtap="goZiqu"><image src="/pages/image/11.png"></image><text>自取</text></view><view class="right_waimai" bindtap="goOrder"><image src="/pages/image/22.png"></image><text>外卖</text></view></view>
</view>

(由于自取与外卖页面没有编写所以点击后只显示原始页面内容）

在index.wxss的代码：

.section{display:flex;justify-content:center;padding:20rpx 0;
}
.section .section_content{display:flex;justify-content:space-between;width:690rpx;height:224rpx;background-color:#3e87991a;
}
.section .section_content .left_ziqu,
.section .section_content .right_waimai{width:50%;display:flex;justify-content: center;align-items:center;flex-direction:column;position:relative;
}
.section .section_content image{width:84rpx;height:84rpx;margin:20rpx 0;
}
.section .section_content text{font-size:30rpx;color:#5a5b5c;font-weight:bold;
}
.section .section_content .left_ziqu::after{content:"";display:block;width:1rpx;height:150rpx;background-color:red;position:absolute;right:0;top:0;bottom:0;margin:auto;
}

微信小程序之“自取”与“外卖”相关推荐

【论文分享】基于微信小程序的快递取寄系统设计与实现
[论文分享]基于微信小程序的快递取寄系统设计与实现免责声明:本文章已收录至<电脑知识与技术>,仅供参考学习,切勿抄袭或他用,搬运请注明来源,谢谢各位小伙伴的配合. 文章编号:1009-3 ...
仿闪照功能娱乐微信小程序源码下载-带外卖CPS功能和流量主
相信大家都知道闪照这个功能吧比如一些照片防止别人保存就限制了用户观看时间等等这款小程序的功能也就是类似如此支持自定义用户可以查看多少秒那些,具体大家应该都知道好像小编以前也有发布过一款,不过这 ...
如何在微信小程序中爬取数据
如何在微信小程序中爬取数据下载Charles 在Charles中点击Help -> SSL Proxying -> Install Charles Root Certificate 然后 ...
计算机毕业设计之微信小程序的快递取件及上门服务系统的论文
本科毕业设计快递取件及上门服务院系: 姓名:xxx 学号:xxxxxxxxxx 专业: 年级: 指导教师: 职称:讲师完成日期:2021年月摘要社会的发展和科学技术的进步,互 ...
php获得小程序的传值,微信小程序之传值取值方法总结
微信小程序传值取值小程序里常见的取值有以下几种,一个完整的项目写下来,用到的概率几乎是100%. 列表index下标取值页面传值 form表单取值 1. 列表index下标取值实现方式是:da ...
charles抓取微信小程序数据(抓取http和https数据)
本文中使用的是mac上的抓包工具charles进行抓包,手机是华为荣耀8,安卓版本7.0(其实跟版本没啥关系) 要想抓取到微信小程序的数据首先要解决的第一个问题件就是如何通过charles抓取手机上 ...
干掉微信小程序的繁琐取值和赋值方式，提高开发效率
wx-react响应式更改数据刷新界面微信小程序提供获取data数据的方式和修改数据的方式分别为this.data.x和this.setData({}),无论是获取数据或者修改数据都显得较为繁琐,且 ...
微信小程序数据拼接_微信小程序数据预拉取
数据预拉取预拉取能够在小程序冷启动的时候通过微信后台提前向第三方服务器拉取业务数据,当代码包加载完时可以更快地渲染页面,减少用户等待时间,从而提升小程序的打开速度 . 使用流程 1. 配置数据下载地 ...
Java设计-微信小程序线上点餐/外卖项目+后台管理系统
文章目录 XOrder 前言环境微信开发者工具 Java开发环境 Vue开发环境成果展示小程序端小程序前端扫码点餐文件树技术选型鸣谢小程序后端文件树技术选型项目总结未完成的 ...

微信小程序之“自取”与“外卖”

微信小程序之“自取”与“外卖”相关推荐

最新文章

热门文章