沙砾855-CSDN博客

原创微信门店小程序怎样创建？门店小程序创建方法简介

微信门店小程序是什么东西？门店小程序要怎样创建？还不清楚微信门店小程序详情的小伙伴们抓紧时间跟上小编一起来看一下吧！门店小程序是什么？微信发布通知：在公众平台里可以快速创建门店小程序。运营者只需要简单填写自己企业或者门店的详细信息，不需要复杂的开发，就可以快速生成一个类似“店铺名片”的小程序，可以展示线下门店名称、简介、营业时间、联系方式、地理位置和图片等门店信息，并支持放在公众号的自定义菜单、图文消息和模版消息等场景中使用。微信小程序支持帐号类型为企业、媒体、政府和其他组织的公众号使用“门店小程

2020-05-30 23:24:06 754

原创微信小程序的日期选择器怎么做

关于微信小程序中的日期选择器大家用过都会发现有个很大的问题，就是在2月的时候会有31天，没有进行对闰年的判断等各种情况。看了官方文档提供的源码后进行了一些修改，测试修复了上面所说的bug！下面源码： js const date = new Date();//获取系统日期 const years = [] const months = [] const days = [] const bigMonth = [1,3,5,7,8,10,12] //将日期分开写入对应数组 //年 for (let i =

2020-05-28 12:38:41 173

原创微信小程序开发入门与实践（2）

基础知识 MINA 框架为方便微信小程序开发，微信为小程序提供了 MINA 框架，这套框架集成了大量的原生组件以及 API。通过这套框架，我们可以方便快捷的完成相关的小程序开发工作。 MINA 框架提供了自己的视图层描述语言 WXML 和 WXSS，以及基于 JavaScript 的逻辑层框架，并在视图层与逻辑层间提供了数据传输和事件系统，因此我们主要聚焦于数据与逻辑上。响应的数据绑定框架的核心是一个响应的数据绑定系统。整个系统分为两块：视图层（View）和逻辑层（App Service），通过框

2020-05-26 14:58:01 232

原创微信小程序开发入门与实践（1）

基础知识 MINA 框架为方便微信小程序开发，微信为小程序提供了 MINA 框架，这套框架集成了大量的原生组件以及 API。通过这套框架，我们可以方便快捷的完成相关的小程序开发工作。 MINA 框架提供了自己的视图层描述语言 WXML 和 WXSS，以及基于 JavaScript 的逻辑层框架，并在视图层与逻辑层间提供了数据传输和事件系统，因此我们主要聚焦于数据与逻辑上。响应的数据绑定框架的核心是一个响应的数据绑定系统。整个系统分为两块：视图层（View）和逻辑层（App Service），通过框

2020-05-25 13:18:14 340

原创微信小程序开发之前的三件事

微信之父张小龙在年初的那次演讲中曾表示：“我自己是很多年的程序员，我觉得我们应该为开发的团队做一些事情”。几个月后，微信正式推出微信应用号（即微信小程序），在互联网中掀起了又一波热潮。于是，很多人准备要开发微信的小程序，如果你真的想要开发小程序，就要先学会一套微信特制的“开发语言”。为了更好地上手这门开发语言，下面这三件事你一定要知道：语言与文件微信小程序来发与其他平台开发的最大差异在于：微信使用的开发语言和文件很“个性”。小程序所使用的程序文件类型大致分为以下几种： WXML（WeiXin Mar

2020-05-24 20:08:51 216

原创微信小程序常用样式汇总（3）

11.文字间距设置： letter-spacing:2rpx; 12.垂直居中（此元素放置在父元素的中部）： vertical-align: middle;www.zhaoweb.cn 13.设置子元素Image样式： .circle-img image{ width:90rpx; height: 90rpx } 14.最底层垂直居中横线样式：复制代码 .horizon{ width:660rpx; height: 2rpx; background-color: #e5e5e5; vertical-ali

2020-05-23 20:05:44 249

原创微信小程序常用样式汇总(2)

6.设置字体属性： .user-name{ font-size:32rpx; font-weight:bold;www.zhaoweb.cn } 7.创建圆角矩形边框：复制代码 .moto-container{ border:1px solid #405f80; width:200rpx; height:80rpx; border-radius:5rpx; text-align:center; }zhaoweb.cn 复制代码 8.外边距设置： margin-top:20rpx; margin-botto

2020-05-21 17:58:17 687

原创微信小程序常用样式汇总(1)

1.设置全局字体样式app.wxss： text{ font-family:MicroSoft yahei; } 2.设置弹性盒子模型：复制代码(www.zhaoweb.cn) .container{ /弹性模型/ display:flex; /垂直方向列方向排布/ flex-direction:column; /居中/ align-items:center; /要从整体解决排布的问题是最好的方案/ } 复制代码 3.设置页面全屏样式及背景色： page{ height:100%; backgroun

2020-05-18 22:44:17 622

原创微信小程序实战教程——1.基础知识（3）

6 声明周期小程序的声明周期分为整个应用的声明周期以及单个页面的声明周期，对于初学者来说这部分内容可以先跳过，它就像一幅眼镜，你自然会知道什么时候需要。 6.1 应用生命周期回调函数在app.js中调用的App函数中，可以设置应用声明周期的回调函数教育小程序开发 App({ onLaunch (options) { //初始化完成后执行 }, onShow (options) { //进入小程序后执行 }, onHide () { //离开小程序后执行，注意不是销毁，如切换其他App时，微信处于后

2020-05-13 17:11:04 155

原创微信小程序开发实战分享—1.基础知识(2)

3 指令小程序中常用的指令有wx:for、wx:if、wx:elif、wx:else等。 //wxml {{count}} {{count}} {{count}} //js data() { return { count:0 } } 复制代码 wx:if、wx:elif、wx:else的逻辑等同于if else。 //wxml {{index}}.{{value}} //js data() { return { arr:[ ‘小明’, ‘小红’, ‘李雷’ ] } } 输出===> 1

2020-05-11 18:50:53 444

原创微信小程序开发实战分享—1.基础知识(1)

微信小程序开发实战分享—1.基础知识(1） 1.微信小程序的语法与vueJS类似，没学过vueJS的同学尽量先过一遍vue再看本教程。教育小程序开发，www.zhaoweb.cn 首先在微信平台中注册一个账号获得开发者AppID，如下载微信小程序的开发者工具，安装完毕后打开开发者工具创建一个项目，将项目名称位置AppID填入即可。我的小程序开发网站，可以逛逛 2 文件目录及每个文件的功能微信小程序的文件有四类，分别是.wxml文件，.wxss文件，.js文件，.json文件。其中.wxml对应.ht

2020-05-09 17:25:29 223

qq_38956018的博客