微信小程序
info987623
软件软件
展开
-
thinkphp 微信小程序登陆
//校验openid public function getOpenid(){ if (!$this->request->isPost()) { $this->error('请求类型错误'); } $appid = config('wxpay.appid'); $secret = config('wxpay.secret'); $js_code = input('code','.原创 2021-07-05 11:40:23 · 358 阅读 · 1 评论 -
微信小程序button分享或转发功能(自定义button样式)
通过给 button 组件设置属性open-type=“share”,可以在用户点击按钮后触发 Page.onShareAppMessage 事件,如果当前页面没有定义此事件,则点击后无效果。相关组件:buttonwxml: <view class="share" bindtap="share" > <image src="/static/img/icon_share02@2x.png"></image> <button open-typ原创 2021-06-29 22:14:50 · 2316 阅读 · 2 评论 -
rich-text 富文本图片设置自适应
const app = getApp()Page({ data: { }, onLoad: function() { var that=this; var rich_text = '<p>1、新闻周刊</p> <p>2、新闻周刊列表</p> <p><img style="max-width:750...原创 2019-12-11 11:09:01 · 3177 阅读 · 0 评论 -
微信小程序星星评价
wxml代码<!--星星评价--><view class="container"> <view class="comment1-description"> <view class="star-pos" style="display:flex;flex-direction:row;"> <view class...原创 2019-11-14 10:48:35 · 213 阅读 · 0 评论 -
微信小程序传递参数以及接收数据的方法
1 当传递字符串的时候//传递参数的jsclick:function(){ var str='要传递的字符串'; wx.navigateTo({ url: '../page/index?str=' + str })}//在下个页面的onload中获取, onLoad: function (options) { var str= ...原创 2019-08-05 00:54:34 · 2149 阅读 · 0 评论 -
微信小程序自定义头部导航栏 胶囊按钮
效果图支持 导航栏自定义背景颜色、背景图片 支持返回文字自定义 支持导航标题自定义首先在app.json window配置项添加"window": { "navigationStyle": "custom" } 自定义头部导航栏代码wxml部分<view class='nav' style='height:{{navH}}px'> <view ...原创 2019-08-05 00:31:56 · 4149 阅读 · 0 评论 -
微信小程序之二级联动下拉列表
<view class="section"> <view class="section__title">多列选择器</view> <picker mode="multiSelector" class='asdas' bindchange="bindMultiPickerChange" bindcolumnchange="bindMultiPick...原创 2019-07-22 23:41:30 · 4663 阅读 · 1 评论 -
微信小程序下拉滚动选择器picker绑定数据的两种方式
微信小程序下拉滚动选择器picker绑定数据的两种方式 本地数据绑定和wx.request(OBJECT) json数据绑定1.本地数据绑定 (对象数组)Page({ data:{ //户型 这是一个本地的对象,然后绑定到页面上 pic_array: [ { id: 13, name: '1室1厅1卫' }, { id: 14, ...原创 2019-07-22 23:39:21 · 1678 阅读 · 0 评论 -
微信小程序时间轴物流状态时间轴
1、wxml代码<view class='g_con'> <view class='topExpress'> <view class='topExpress-left'> <image src='/images/Exchange_goods_map_1.png' style='width:60rpx;hei...原创 2019-07-25 22:58:38 · 732 阅读 · 0 评论 -
Flex 布局教程:实例篇
介绍常见布局的Flex写法你会看到,不管是什么布局,Flex往往都可以几行命令搞定。我只列出代码,详细的语法解释请查阅《Flex布局教程:语法篇》。我的主要参考资料是Landon Schropp的文章和Solved by Flexbox。一、骰子的布局骰子的一面,最多可以放置9个点。下面,就来看看Flex如何实现,从1个点到9个点的布局。你可以到codepen查看Dem...原创 2019-07-09 14:53:38 · 114 阅读 · 0 评论 -
Flex 布局教程
网页布局(layout)是 CSS 的一个重点应用。布局的传统解决方案,基于盒状模型,依赖display属性 +position属性 +float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。2009年,W3C 提出了一种新的方案----Flex 布局,可以简便、完整、响应式地实现各种页面布局。目前,它已经得到了所有浏览器的支持,这意味着,现在就能很安全地...原创 2019-07-09 14:50:19 · 84 阅读 · 0 评论