#微信链接制作

微信小程序短文字居中,长文字跑马灯效果

Html代码<!--公告跑马灯--><viewclass="info_box_happy"><viewclass="info_box_happy_txt">{{textN}}</view></view>Css代码.info_box_happy{font-siz...

微信小程序点击返回顶层实现方法

最近在研究微信小程序,被这个返回顶层给坑了一波,下面贴代码wxml代码:<scroll-viewscroll-yscroll-top="50"enable-back-to-top="true"scroll-top="{{scrollTop.scroll_top}}"bindscroll="scrollTopFun...

HTML超链接

<body><!--使用超链接可以让我们从一个页面跳转到另外一个页面使用a标签来创建一个超链接属性:href:指向跳转链接的目标地址,,可以写相对路径,也可以绝对路径a标签的target属性可以指定打开链接的位置可选值:_self,表示当前窗口中打开(默认值)_blank,表示在新的窗口中打开链接可以...
代码星球 ·2020-07-24

Adobe edge animate制作HTML5动画可视化工具(一)

  EdgeAnimateformac是Adobe最新出品的制作HTML5动画的可视化工具,简单的可以理解为HTML5版本的FlashPro。在之后的文章中,我会逐一的介绍这款新的HTML5动画神器。这篇文章先说一说如何把EdgeAnimate制作的HTML5动画作品嵌入到Wordpress中。  AdobeEdgeA...

微信web开发者工具的跨域

1、点击微信开发者工具,击右键,选择“属性”,打开面板之后,选择“快捷方式”=>“目标”2、在目标那一行的最后,输入“空格--disable-web-security--user-data-dir”,务必要输入这个命令...

Java之微信公众号开发

这次以文本回复作为案例来讲解Java相关得微信公众号开发。个人微信公众号相关的接口权限有限,不过用于个人学习体验一下足够了,如图:  然后进入微信公众后台,点击基本配置,按照如下操作(点击启用,相当于设置请求url为自己后台的):  设置服务器URL、令牌、消息加解密密钥(这个可...
代码星球 ·2020-07-24

微信小程序之上传图片(含前后端代码例子)

此代码示例,能够让你成功将图片上传至后端,后端做相应的处理,然后返回成功码。index.wxml:<viewclass='content'><viewclass='img-box'><viewclass='img-list'><blockwx:for="{{detailPics...

微信小程序之页面传参

效果图:点击编辑值传过去了,那么编辑支出类型这个界面又是如何获取到值呢?传值代码:type.jseditType:function(e){vartypeId=e.currentTarget.dataset['id'];console.log("edit:"+typeId);wx.navigateTo({url:'../...
代码星球 ·2020-07-24

微信小程序之如何定义页面标题

效果图:这个标题是在哪里定义的呢?type.js核心代码如下(通常这段代码放在onLoad函数体内):wx.setNavigationBarTitle({title:"支出类型列表"})除了上面的在js中定义,还有在对应的json文件中定义(type.json),代码如下:{"navigationBarTitleTex...

微信小程序之确认框实现

效果图如下:核心代码如下:delType:function(e){vartypeId=e.currentTarget.dataset['id'];console.log("delete:"+typeId)wx.showModal({title:'提示',content:'确认要删除该支出类型?',success:fun...
代码星球 ·2020-07-24

微信小程序之使用checkbox

效果图如下:实例代码如下:type_add.js//pages/detail_add/detail_add.jsPage({/***页面的初始数据*/data:{selectData:"",//下拉列表的数据height:20,focus:false},checkboxChange:function(e){consol...
代码星球 ·2020-07-24

微信小程序之使用wx:for遍历循环

效果图如下:实现代码如下:type.js://pages/type/type.jsPage({/***页面的初始数据*/data:{types:""},editType:function(e){vartypeId=e.currentTarget.dataset['id'];console.log("edit:"+typ...
代码星球 ·2020-07-24

微信小程序之页面导航栏

效果图:页面有点丑,作为初次学习,页面可以要求不那么美观,先学会再说。毕竟后面可以优化的很漂亮。代码实例如下:<viewclass="sectionbtn-area"><viewclass="section__title">欢迎{{userName}}来到ACS管理系统</view>...
代码星球 ·2020-07-24

微信小程序之数据缓存

关于缓存,举个示例,假定我不是通过微信授权登录的方式,小程序又是如何识别我登录后的身份呢???效果图:这个功能我是通过缓存实现的。关键核心代码如下:wx.setStorage({key:'userName',data:res.data.user.userName})微信小程序提供的主要缓存如图:那么两个缓存之间的区别又...
代码星球 ·2020-07-24

微信小程序之网络通信

关于网络通信,这里我使用的是wx.request,官方代码示例如下:wx.request({url:'test.php',//仅为示例,并非真实的接口地址data:{x:'',y:''},header:{'content-type':'application/json'//默认值},success(res){conso...
代码星球 ·2020-07-24
首页上一页...5152535455...下一页尾页