51dev.com IT技术开发者社区

51dev.com 技术开发者社区

关于解决微信小程序本地资源无法通过 WXSS 获取的问题

关于解决微信小程序本地资源无法通过 WXSS 获取的问题

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

微信小程序 - 时间戳转时间

微信小程序 - 时间戳转时间

获取当前时间:十位unix时间戳vartimestamps=Math.round(newDate().getTime()/1000).toString();时间戳转时间(官方自带) 使用实例:vartime="1531791600";app.util.formatTime(time);&n...

微信小程序-图片宽100%显示,不变形

微信小程序-图片宽100%显示,不变形

按照HTML习惯进行写,代码:<viewclass="meiti"><imagesrc="http://10.0.0.171:9001/images/2017/0619/20170619115150713_progressive.jpg"></image><...

微信小程序的WXML 模板如何使用

微信小程序的WXML 模板如何使用

微信小法式的WXML模板若何利用?WXML在小法式中充任的就是近似HTML的脚色。今天给大师分享一下微信小法式的WXML模板若何利用。无1从事过网页编程的人知道,网页编程采用的是HTML+CSS+JS如许的组合,此中HTML是用来描述当前这个页面的布局,CSS用来描述页面的样子,JS凡是是用来处置这...

小程序弹出悬浮窗并实现图片滑动解决方案

小程序弹出悬浮窗并实现图片滑动解决方案

.jsdata:{imgUrls:[‘/images/sucai/b1.jpg‘,‘/images/sucai/b2.jpg‘,‘/images/sucai/b3.jpg‘],indicatorDots:false,autoplay:true,interval:3000,duration:800,f...

微信小程序----编写后台服务接口配置文件

微信小程序----编写后台服务接口配置文件

编写后台服务接口配置文件constbasePath=‘http://api.51dev.com/wbgapi‘;consturlList={//刷新tokenrefreshTokeUrl:basePath+‘/refreshToke‘,//token//登录和首页轮播loginUrl:basePat...

微信小程序开发搜索功能(前端+后端+数据库)

微信小程序开发搜索功能(前端+后端+数据库)

 超级简单的界面,表单,提交按钮,搜索结果展示区域...下面是index.wxml<!--index.wxml--><formbindsubmit="formSubmit"><!--提交按钮--><inputtype="text"name="id"...

微信小程序实现搜索框以及踩过的坑

微信小程序实现搜索框以及踩过的坑

先上代码: wxml:<!--顶部搜索框--><viewclass="inputcontainer"><viewclass="input"catchtap="inputSwitchStatus"wx:if="{{!edit}}">搜索商品</vie...

微信小程序标题栏和导航栏的设置

微信小程序标题栏和导航栏的设置

设置标题栏 标题栏window在app.json文件里面,通过window对象里面的属性进行设置 示例:app.json: 运行:   设置导航栏 导航栏TabBar如果我们的小程序是一个多tab应用(客户端窗口的底部或顶部有ta...

微信小程序之登录页实例

微信小程序之登录页实例

提供一个登录页的案例,供同学们使用  项目效果图: 目录结构: 图片资源:name.pngkey.pngloginLog.jpg  login.wxml:<viewclass="container"><viewclass=...

微信小程序商城电商个人会员中心页面制作设计

微信小程序商城电商个人会员中心页面制作设计

今天主要介绍微信小程序商城电商个人会员中心页面制作设计,做好以后可以达到如下效果图:一、wxss文件代码如下:/*pages/mine/mine.wxss*/.userinfo{display:flex;flex-direction:column;align-items:center;backgro...

微信小程序商城电商购物车页面制作与设计

微信小程序商城电商购物车页面制作与设计

今天主要微信小程序商城电商购物车页面制作与设计,其中包含wxss js wxml三个页面代码。做好以后实现效果如下图:一、wxss样式文件代码如下:/*pages/cart/cart.wxss*/.cart_container{display:flex;flex-directio...

微信小程序开发商品详情页中sku的弹出属性筛选选择框

微信小程序开发商品详情页中sku的弹出属性筛选选择框

今天主要商品详情页中sku的弹出属性筛选选择框其中包含绘制一个阴影背景、弹出的动画、购买数量加减的逻辑以及图片如何高于弹出框。先看看做好以后达到效果图片:一、样式wxss代码如下:/*sku选择*/.dialog__mask{position:fixed;top:0;left:0;right:0;b...

微信小程序开发一swiper轮播图的简单实现

微信小程序开发一swiper轮播图的简单实现

swiper是微信小程序里面提供实现轮播图效果的一个的很好的组件,使用非常简单。下面直接看我的代码data:{imgUrls:[‘http://www.51dev.com//FileUpload/news/201807/20180716120825872.jpg‘,‘http://www.51dev...

小程序轮播图效果

小程序轮播图效果

先看代码wxml<view><swiperindicator-dots="true"autoplay="true"indicator-active-color="#fff"><swiper-item><imagesrc=‘/images/1.jpg‘>...