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); ...

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

微信小程序之登录页实例

微信小程序之登录页实例

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

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

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

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

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

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

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

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

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

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

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

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

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

微信小程序----gallery slider(图片轮播)组件

微信小程序----gallery slider(图片轮播)组件

先上效果图: wxml<scroll-viewscroll-y="true"class="page-body"bindscrolltolower="loadMore"><viewclass="swiper"><swiperclass="swiper-box"indicator-d...

微信小程序开发底部导航菜单栏的制作设计

微信小程序开发底部导航菜单栏的制作设计

很多人问小程序底部导航栏是不是可以无限添加,其实做多只能添加五个导航栏。超过无效哦。看看如下图测试:今天主要教大家如何制作微信小程序底部导航菜单栏。1、在app.json的page里添加如下代码,写入page路径,系统会自动帮你创建界面的;参考如下代码:"pages":["pages/home/home","pages...