收集知识点--微信小程序(以后或许用到)--持续更新

1、自动换行

     css加上word-break: break-all;
2、注意,设为Flex布局以后,子元素的float、clear和vertical-align属性将失效。

3、CSS: 
实现渐变色 

第一个是起点颜色,慢慢过渡到第二个颜色 
从上到下的线性渐变: 
background: linear-gradient(red, blue); 
从左到右的线性渐变: 
background: linear-gradient(to right, red , blue)

4、裁圆角

设置弧度 顺序是 左上角 右上角 右下角 左下角 (顺时针) 
border-radius: 3px 0px 0px 3px;

5、JS: 
调用电话

 
 
  1. //拨打手机
  2. calling:function(event){
  3. console.log('拨打手机')
  4. console.log(event)
  5. var that = this;
  6. wx.makePhoneCall({
  7. phoneNumber:that.data.phone, //此号码并非真实电话号码,仅用于测试
  8. success:function(){
  9. console.log("拨打电话成功!")
  10. },
  11. fail:function(){
  12. console.log("拨打电话失败!")
  13. }
  14. })
  15. },

6、background-image

本地资源无法通过 css 获取

background-image:可以使用网络图片,或者 base64,或者使用<image/>标签,

你要用自己的图片的话只能先把它放到网上或者自己的服务器(有外部域名,能访问)上,用域名访问


7、小程序布局  CSS中如何将剩下的高度全部填充

在CSS中加入

width: 100%;
    position: absolute;
    top: 120rpx;
    bottom: 0px;
    left: 0px;


8、微信小程序将Object打印出来

使用JSON.stringify(res)即可




  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值