自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

张火火

程序熊

  • 博客(18)
  • 收藏
  • 关注

转载 微信小程序点击(点击改变背景颜色和字体颜色)

1.效果图2.wxml<view class="swiper_area"> <swiper indicator-dots="{{indicatorDots}}" indicator-color="#fff" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration

2018-06-27 23:47:51 42091

原创 自学小程序免费网站http://www.51zxw.net/list.aspx?cid=657

http://www.51zxw.net/list.aspx?cid=657

2018-06-25 23:07:28 9074

转载 微信小程序倒计时插件wxTimer

介绍:  用于在微信小程序中进行倒计时的组件。功能:  1、最基础的当然就是倒计时功能了。  2、可以设置倒计时结束后执行的事件。  3、可以设置倒计时执行过程中每隔多少秒,执行一次对应的事件。下载: wxTimer在JS中调用 1.在当前js引入 timer = require('../../plug/wxTimer.js')  2.在全局app.js引入  app.jsg...

2018-06-25 23:04:22 1765

原创 小程序里的倒计时

// 倒计时开始 // 页面渲染完成后 调用 onReady: function () { var totalSecond = 1505540080 - Date.parse(new Date()) / 1000; var interval = setInterval(function () { // 秒数 var second = to...

2018-06-25 23:01:09 1097

转载 emoji表情包

两步: 1. 首先,在表情设置界面->选定 “使用表情快捷键”2. 在聊天对话框先输入/,再输入表情的缩写。 如:/cy 代表 “呲牙”emoji表情包

2018-06-20 09:19:07 1862

转载 emoji表情

https://blog.csdn.net/qq_33744228/article/details/80335440#comments

2018-06-20 09:12:19 1000

原创 微信小程序返回上一页面加延迟效果

data:{ showModal: false} close_mask: function () { this.setData({ showModal: false }) wx.showToast({ icon: "sucess", title: '已确认收货' }) // 顺序执行,当已经执行完上面的代码就会开启定时器...

2018-06-10 23:38:10 4319

原创 小程序留言板-快速捎话(最终版)

这是小程序wxml,wxss,js<!--pages/order/message/message.wxml--><view class='message_nav'> <form bindsubmit='FormSubmit'> <view class='section'> <textarea class='message1' ty...

2018-06-10 19:10:59 2158 2

原创 微信小程序tab选项卡,点击弹窗(带蒙版)五星好评-获取微信手机号码

<!--pages/index/received/received.wxml--><view class="swiper-tab"> <view class="swiper-tab-item {{currentTab==0?'active':''}}" data-current="0" bindtap="clickTab">待接订单&amp

2018-06-10 19:09:07 2170

转载 微信小程序五星好评-之一半的星星

代码: 1.index.wxml<block wx:for="{{stars}}"> <image class="star-image" style="left: {{item*150}}rpx" src="{{key > item ?(key-item == 0.5?halfSrc:selectedSrc) : normalSrc}}"> &am

2018-06-10 17:45:22 1519

原创 微信小程序之录音

<!--pages/index/release/release.wxml--><scroll-view> <view wx:if="{{voices}}" class="common-list" style="margin-bottom:120rpx;"> <block wx:for="{{voices}}"&

2018-06-10 17:43:13 6261 3

转载 小程序五星好评

首选需要有两个星星,一个满分星星,一个空心的星星。 代码实现.wxml文件<view class="right"> <view bindtap="starTap" data-index="{{index}}" class="star" wx:for="{{userStars}}" wx:key="index"> &

2018-06-10 15:56:09 1675

原创 placeholder改变字体颜色----小程序input和textarea中的placeholder改变样式

<!--pages/index/complain/complain.wxml--><view class='nav'> <textarea class='content' placeholder-style='color:#ccc' rows="5" resize="true" placeholder="投诉内容显示,商品质量、送单员问题、拖延到货时间等真实情况反...

2018-06-09 23:14:19 9978

原创 输入框自动缩放textarea

<textarea rows="4" cols="30" placeholder="描述信息..."resize="true";></textarea>在小程序上试了一下,不支持resize,无作用

2018-06-09 22:35:45 1125

原创 微信小程序-蒙版弹窗

<view class="modalDlg" wx:if="{{showModal}}"> <view class='close_mask' bindtap="close_mask">X</view> <input class='recharge_amount' type='text' placeholder='充值

2018-06-09 12:27:51 9985

原创 微信录音--录音机

<!--pages/index/release/release.wxml--><scroll-view> <view wx:if="{{voices}}" class="common-list" style="margin-bottom:120rpx;"> <block wx:for="{{voices}}"&

2018-06-09 11:35:31 1674 1

转载 微信小程序漂流瓶

技术点:1.微信小程序开发之录音机 音频播放 动画 (真机可用)2.微信小程序开发之用户系统 一键登录 获取session_key和openid3.微信小程序开发之常见问题 不在以下合法域名列表中 wx.request合法域名配置4.微信小程序开发之本地图片上传(leancloud)下面带图说模块:1.主页面三个button.不多说了.别吐槽这画风.哈哈哈.2.编辑漂流瓶内容内容可以是语音,也可以...

2018-06-09 10:52:51 7952 2

转载 小程序侧边栏滑动

侧边栏特效一先看效果:wxml:<!--page/one/index.wxml--><view class="page"> <view class="page-bottom"> <view class="page-content"> <view class="wc

2018-06-08 22:43:44 6980

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除