leng0920的博客

小程序返回上一页弹toast

小程序swiper一个轮播显示一个半内容且实现无缝滚动

小程序轮播

小程序跳转外链

https://www.jianshu.com/p/e26458c1197e

wxml:<viewclass="one-click-top"bindtap="oneClickTop"wx:if='{{scrollTop>750}}'><imageclass="one-click-top-icon"src="https://eventimg.oss-cn-shenzhen.aliyuncs.com/activity_applet/top_icon.png"></image></view>...

wxml:<view class="consumer-hotline" data-phone="0755-6635068" bindtap="phoneCall">客服电话：<text class="blue-text" bindtap="">0755-6635068</text></view>js: // 拨打电话 phoneCall: function (e) { wx.makePhoneCall({ phoneNum.

https://blog.csdn.net/qq_37268201/article/details/85252318

//电话拨打freeTell:function(){wx.makePhoneCall({phoneNumber:'0755-66635068',})},

https://blog.csdn.net/github_37673306/article/details/87071848

let dataList =res.data.data.list; //获取到数据 dataList.forEach((item) => { item.createTime = item.createTime.substring(5, 10); //要截取时间的字符串 })})

https://www.jb51.net/article/185438.htm

WXML <view class="text_area"> <textarea minlength="{{min_text}}" maxlength="{{max_text}}" bindinput="textarea_limit"> <text class="current-word-number">&...

wxml:<view class='flex-end treaty-text'><checkbox-group bindchange="selectedTreaty"><view class='check-box'><checkbox value="1" checked='checked'/></view><...

wxml<view class='container' animation="{{animationData}}"><view class='tuoluo-card'>陀螺名片</view></view>js:Page({/*** 页面的初始数据*/data: {animationData:''},...

/* 文字居中，左右显示 */.text-align-center{ text-align: center;}.text-align-left{ text-align: left;}.text-align-right{ text-align: right;}/* 文字省略号显示 -webkit-line-clamp: 2;写在响应容器控制显示的行数*/.text-overflow-num{ display: -webkit-box; overflo.

flex基本布局

app.jsApp({globalData: {isIphoneX: false,},/*** 当小程序启动，或从后台进入前台显示，会触发 onShow*/onShow: function(options) {// 判断手机是否为iphoneXlet that = this;wx.getSystemInfo({success: res => {...

一、框架1、底部菜单在app.json中添加，最少两个、最多五个。2、getUserInfo为全局函数3、getApp(object)函数用来获取到小程序实例。(var appInstance = getApp()console.log(appInstance.globalData))4、onLaunch(object) :小程序初始化完成时触发，全局只触发一次。5...

wxss:.rangking-num{width: 80rpx;height: 80rpx;line-height: 80rpx;text-align: center;}wxml://第一种无效果&lt;view wx:elseclass='rangking-num' &gt;&lt;view &gt;{{item.rank}}&lt;/view&gt;...

&lt;navigator hover-class="none"&gt;&lt;/navigator&gt; // hover-class="none"添加此属性即可去除点击时背景色&lt;button hover-class="btn-hover" class='card-btn-subitem card-btn-subitem-sty'&gt; //hover-class="btn

wxml:&lt;view class='web-page'&gt;&lt;image src="https://res.tuoluohuodong.com/h5_program_code.png" mode="widthFix"data-src="https://res.tuoluohuodong.com/h5_program_code.png"bindtap="previewI...

&lt;text selectable='true'&gt; 长按复制文本&lt;/text&gt;

 &lt;input  type='text' focus='{true}' /&gt;  注 ：focus='true'会被解析成字符串

/* 去除button默认样式 */button::after {border: none;}button {background-color: transparent;padding-left: 0;padding-right: 0;line-height:inherit;}button {border-radius:0;}...

wxml:<!-- 弹框按钮--><view class='circle-of-friends-panel' bindtap='showModal'><text>生成分享图</text><image src="http://eventimg.oss-cn-shenzhen.aliyuncs.com/wxapp_bg/circle...

加上属性后的效果transform:rotate(-90deg);

wxml://placeholder-class="place-holder"添加此class才可改变 placeholder样式，input同理<textarea placeholder-class="place-holder" placeholder='输入不超过{{ signatureMaxLength }}个字' name="signature" class='my_need...

wxml:<view class='company-synopsis-panel white-bg-radius'><view class='my-companye-title flex-between'><view class='bold-text2851'>公司简介</view><view class='text20517' bindtap='toggle'>{{readmore.tip}}<image class='g

wxml:<view class='pro-introduce-img-panel'><image class='pro-introduce-img' src='https://res.tuoluohuodong.com/pro_introduce_img.png' mode="widthFix"></image></view>wxss:...

WXML：<view class='container'><view class='customer-management-panel'><view class='customer-management-nav-panel'><view class='management-nav flex-between'><view cl...

<view bindtap="redirect_to_activity">跳转</view>//跳转陀螺活动redirect_to_activity: function (path){wx.navigateToMiniProgram({appId: '目标小程序appid',path: ‘目标小程序目标页路径’,fail:function(){...

button::after{border:none;去除button默认边框}input{list-style:none;//去除默认样式outline:none;//去除默认选中边框border:none;//去除默认边框}