欢迎来到本网站

全国统一咨询热线:158-2196-7367

新闻中心

新闻中心News Center

联系方式

联系方式Contact infoemation

电话:158-2196-7367

邮箱:amy@hanett.com

地址:中国·上海市金山区朱泾镇南横街4号4幢1296室H座

当前位置:明翔网络 > 新闻中心 > 微信小程序 | 开发常用事例

微信小程序 | 开发常用事例

文章出处:http://www.ucunicom.com/a/1031.html 阅读量:8 发表时间:05-04 11:31
新闻中心

许久之前,搞了一段时间小程序,闲置了一段时间,现在突然搞起来,还真的是有点发蒙。

接上一篇微信小程序常用事例总结:

  • 小事例汇总

点滴记录,拥抱变化吧~

官方明确说明组件不适合提供此微信开放能力:
  • 统一的 item 效果,单独定义多多少少显得这个页面都会狠突兀,如何在使用 van-cell 的前提下,点击进入客服呢?

  • Step 1:定义 wxss 样式

    .contact_btn::after{  border: none;
    }.contact_btn {  position: static !important;  border: 0;  background-color: transparent;  outline: none;
    }

    效果如下:

    录制的效果图不是很明显,可能我是个小色盲,对录制中按压颜色不是很明显,尴尬~

    先来看下最初的效果:

    再放下实际的 xml 以及 css 代码:

    <van-button< span="" style="overflow-wrap: break-word; margin: 0px; padding: 0px;">custom-class="withdraw" type="info">提现.header .withdraw {
      color: #ff632d;
      background-color: #fff;
      width: 200rpx;
      height: 58rpx;
      border-radius: 8rpx;}

    经过排查,发现 van-button 有这么一个样式,如下:

    .van-button--info {
    ./miniprogram_npm/@vant/weapp/button/index.wxss: 1color: #fff;color: var(--button-info-color,#fff);background: #1989fa;background: var(--button-info-background-color,#1989fa);border: 1px solid #1989fa;  /* 注意看下面这一行 */border: var(--button-border-width,1px) solid var(--button-info-border-color,#1989fa); 
    }

    观察下修改后的效果:

    是不是很好看~ 鸡老大万岁~

    <p segoe="" ui",="" roboto,="" "helvetica="" neue",="" arial,="" "noto="" sans",="" sans-serif,="" "apple="" color="" emoji",="" "segoe="" ui="" symbol",="" emoji";="" font-size:="" 16px;="" background-color:="" rgb(255,="" 255,="" 255);"="" style="overflow-wrap: break-word; margin-top: 0px; margin-bottom: 1.25rem; padding: 0px; border: 0px; font-family: "Microsoft Yahei", Simsun; font-size: 14px; white-space: normal; background-color: rgb(255, 255, 255); box-sizing: border-box; color: rgb(33, 37, 41);">爬上来更新一波,突然发现去除蓝色可以同感设置边框颜色糊弄过去,

全国咨询热线:158-2196-7367

二维码

地址:中国·上海市金山区朱泾镇南横街4号4幢1296室H座

版权所有 © 1999-2017 Copyright © 1999-2017 All Rights Reserved

cache
Processed in 0.003972 Second.