欧美三级国产三级日韩三级_亚洲熟妇丰满大屁股熟妇_欧美亚洲成人一区二区三区_国产精品久久久久久模特

18-微信小程序商城下單頁(yè)面底部菜單（微信小程序商城開(kāi)發(fā)、小程序畢業(yè)設(shè)計(jì)、小程序源代碼）（黃菊華- - 新聞資訊 - 云南小程序開(kāi)發(fā)|云南軟件開(kāi)發(fā)|云南網(wǎng)站建設(shè)-昆明葵宇信息科技有限公司

159-8711-8523

云南網(wǎng)建設(shè)/小程序開(kāi)發(fā)/軟件開(kāi)發(fā)

知識(shí)

不管是網(wǎng)站，軟件還是小程序，都要直接或間接能為您產(chǎn)生價(jià)值，我們?cè)谧非笃湟曈X(jué)表現(xiàn)的同時(shí)，更側(cè)重于功能的便捷，營(yíng)銷的便利，運(yùn)營(yíng)的高效，讓網(wǎng)站成為營(yíng)銷工具，讓軟件能切實(shí)提升企業(yè)內(nèi)部管理水平和效率。優(yōu)秀的程序?yàn)楹笃谏?jí)提供便捷的支持！

您當(dāng)前位置>首頁(yè) » 新聞資訊 » 小程序相關(guān) >

18-微信小程序商城下單頁(yè)面底部菜單（微信小程序商城開(kāi)發(fā)、小程序畢業(yè)設(shè)計(jì)、小程序源代碼）（黃菊華-

發(fā)表時(shí)間：2020-11-17

發(fā)布人：葵宇科技

瀏覽次數(shù)：105

下單頁(yè)面底部菜單

本節(jié)主要介紹下單頁(yè)面的底部菜單界面如何實(shí)現(xiàn)。效果如圖14-5所示。
在這里插入圖片描述
1.布局分析
結(jié)構(gòu)布局分析示意如圖14-6所示。

根據(jù)上面的布局分析，我們會(huì)產(chǎn)生基礎(chǔ)的框架，代碼示例如下：

<view ><!--第1層-開(kāi)始 -->沒(méi)
    <view>金額</view>
    <view>下單支付</view>     
</view><!--第1層-結(jié)束 -->

根據(jù)效果圖分析出框架的層級(jí)后，在每個(gè)層級(jí)的view加上樣式，編碼實(shí)現(xiàn)即可。

2.功能實(shí)現(xiàn)

.wxml文件代碼示例如下：

<view class="footer">
    
      <view class="howMuch" style='width:50%'>
          <view class="cost">金額：￥253.00</view>
      </view>

      <view class="pay"  style='width:50%' bindtap='zhifu' >下單支付</view>     

</view>

.wxss文件樣式代碼示例如下：

/*底部菜單*/
.footer{
  display: flex;
  position: absolute;
  right: 0;
  left: 0;
  bottom:0;
  height: 100rpx;
}
.howMuch{
  position: relative;
  flex: 1;
  font-size: 28rpx;
  background: #ECECEC;  line-height: 100rpx;
  padding-left: 10rpx;
}
.cost{
  margin-top: 20rpx;
  color: red;
  font-size: 40rpx; font-weight: bold;
  line-height: 50rpx;
  height: 50rpx;
  margin-left: 50rpx;
}
.pay{
  width: 200rpx;
  text-align: center;
  line-height: 100rpx;
  color: white;
  font-size: 30rpx;
  background: #CCCCCC;
 background:  crimson ;
  color: white;
}