修改radio样式(小程序)

radio{ margin-left: 40rpx; } radio .wx-radio-input{ width: 36rpx; height: 36rpx; border-radius: 50%; margin-top: -4rpx; } radio .wx-radio-i...

2019-06-04 16:49:22

阅读数 36

评论数 0

滑块验证(移动端)

实例: html <!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-Type&q...

2019-05-29 14:17:41

阅读数 117

评论数 0

滑动验证(适用于pc)

实例: 也是在网上搜索的然后稍微改动了一下 1.插入drag.js插件,在网上可以搜到的 html <form action=""> <input type="text" placeholder...

2019-05-29 10:12:30

阅读数 87

评论数 0

输入地址换取经纬度(小程序)

wxml <form bindsubmit='getCoordinate'> <input placeholder='请输入省市区' name="city"></input> ...

2019-05-18 15:18:51

阅读数 22

评论数 0

文本框输入关键字回车搜索附近地址(小程序)

wxml <view class='search'><input placeholder='请输入地址' value="{{value}}" bindconfirm='getShow'></input&a...

2019-05-18 14:49:52

阅读数 31

评论数 0

小程序购物车商品全选,非全选,滑动删除,结算

wxml <!-- 购物车列表 --> <view class='carsList'> <block wx:for="{{cardTeams}}" wx:key="key...

2019-04-29 11:33:23

阅读数 291

评论数 3

文字两端对齐

如图: 文字两端对齐:wxml <view class="column"> <text>商户名称</text> <text>客户姓名&lt...

2019-04-07 13:45:24

阅读数 29

评论数 0

复选框单选,全选,非全选(小程序)

wxml <block wx:for="{{list}}" wx:key="{{item.id}}" wx:for-index="idx"> <view class='cont'&...

2019-03-26 15:42:56

阅读数 244

评论数 0

小程序复选框简单获取商品id

wxml <checkbox-group bindchange="checkboxChange"> <block wx:for="{{list}}" wx:key="{{item.id}}"&...

2019-03-23 17:59:35

阅读数 178

评论数 0

小程序滑动删除

wxml <view> <view wx:for="{{list}}" wx:key="{{item.id}}" class='list' wx:for-index="idx"&g...

2019-03-23 14:42:08

阅读数 40

评论数 0

vue中的路由:vue-router

一、安装vue-router cnpm install vue-router --save 在main.js中: 1.引入并使用 import VueRouter from 'vue-router'; Vue.use(VueRouter); 2.创建组件,如:Rout.vue和Route...

2019-03-12 15:55:05

阅读数 26

评论数 0

安装vue-resource,axios数据请求

一、vue-resource数据请求 1.cd 到项目中 执行 cnpm install vue-resource --save 2.在main.js中引入 import VueResource from './vue-resource' 使用 Vue.use(V...

2019-03-12 15:14:57

阅读数 32

评论数 0

vue安装配置

一、先安装node.js 安装教程:https://jingyan.baidu.com/article/64d05a021974acde54f73b70.html 环境配置:https://blog.csdn.net/u012830533/article/details/79986984 二...

2019-03-12 15:05:35

阅读数 17

评论数 0

播放背景音乐(小程序)

const back = wx.createInnerAudioContext(); pages({ data:{ }, backmusic:function(){ back.title = "开启继续阅读"; ...

2019-01-16 17:07:50

阅读数 485

评论数 0

联动轮播(swiper)

效果图如下: index.html <article> <div class="swiper-container gallery-top"> &...

2019-01-03 10:53:54

阅读数 413

评论数 1

动态底部导航tabbar(小程序)

首先创建tabbar目录(不一定必须与本目录结构一致) app.js editTabBar: function () { var tabbar = this.globalData.tabBar, currentPages = getCurrentPages(), ...

2018-12-24 12:13:20

阅读数 110

评论数 0

背景音乐循环播放(小程序)

js const back = wx.getBackgroundAudioManager(); Page({ data: { }, backmusic:function(){ player(); function player(){ back.t...

2018-11-22 09:27:06

阅读数 1821

评论数 1

scroll-view横向滑动(小程序)

wxml <scroll-view scroll-x="true"> <view class="uploadWrap"> ...

2018-11-20 14:24:52

阅读数 49

评论数 0

全屏竖向滚动(小程序)

wxml <view class="swiper-cont container-fill"> <view class="scroll-fullpage&quot...

2018-11-20 14:00:57

阅读数 651

评论数 0

选项卡(jQuery)

当鼠标点击图一图二图三图四时,其余内容不变,下方框中分别显示四个不同的图片: 切记引入jquery-1.7.min.js包 index.css: *{ padding: 0; margin: 0; } li{ list-style:none; } .content{ width...

2018-08-23 13:52:18

阅读数 56

评论数 0

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