• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

项目实战-点餐小程序-27 我的-反馈建议

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

一、功能需求

  1. 反馈建议采用button组件
  2. 消除button组件的默认样式,美化页面样式
  3. button按钮的open-type微信开放能力的应用
  4. 反馈建议的后台查看

 

二、代码实现

1、me.wxml

 1 <view class="item">
 2 <!-- 给button添加open-type实现反馈建议功能 -->
 3 <button class="button" open-type="feedback">反馈建议</button>
 4 <image src="/images/right.png"></image>
 5 </view>
 6 <view class="item" >
 7 <!-- 给button添加open-type实现在线客服功能 -->
 8 <button class="button" open-type="contact">在线客服</button>
 9 <image src="/images/right.png"></image>
10 </view>

 

2、me.wxss

 1 /*消除button的默认样式*/
 2 .item .button{
 3   width: 100%;
 4   background-color: #fff;
 5   border: none;
 6   text-align: left;
 7   padding: 0;
 8   margin: 0;
 9   line-height: 1.3;
10   font-size: 28rpx;
11   font-weight: normal;
12 }
13   /*去除button边框*/
14   .item .button::after{
15   border: none;
16   border-radius: 0;
17   }

 

三、效果展示

 

 


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
项目实战-点餐小程序-03 云函数部署发布时间:2022-07-18
下一篇:
分享一个很棒的餐饮点餐小程序发布时间:2022-07-18
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap