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

最新推荐文章于 2024-03-13 09:47:22 发布

zhulovege

最新推荐文章于 2024-03-13 09:47:22 发布

阅读量952

点赞数 2

文章标签：微信小程序 elementui webview

本文链接：https://blog.youkuaiyun.com/m0_69639625/article/details/124808212

版权

效果演示：

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;