微信小程序 – 折叠展开效果
2018年06月07日 10:02:54 Lucy- 阅读数：13975
wxml：
<view class="page">
<!-- 总数 -->
<view class="li" bindtap='changeToggle'>
<view class="left">总数</view>
<view class="right gray" >8</view>
</view>
<!--分类 -->
&l[......]微信小程序实现折叠面板 wxml:
微信小程序实现折叠面板
wxml:
wxml:
<view class='help'>
<view class='help_item'>
<view class='title' data-index='1' catchtap='panel'>
<view class='title_1'>便签小程序使用免费吗</view>
<view class='title_2'><image src="../../images/{{showIndex =[......]
fastjson json字符串和JavaBean、List、Map及复杂集合类型的相互转换
fastjson json字符串和JavaBean、List、Map及复杂集合类型的相互转换
https://www.jianshu.com/p/b82761a64581
【转】https://blog.csdn.net/silencecarrot/article/details/79381189
本文主要示例两部分内容：
- JavaBean、List、Map、复杂集合 转换成 json字符串；
- json字符串 转换成 JavaBean、List、Map、复杂集合；
定义POJO：
public class A {
private Str[......]微信小程序—view标签中内容居中
微信小程序—view标签中内容居中
在有些时候我们需要view里的内容水平居中,或者垂直居中,又或者水平垂直居中,
最近我就在项目中需要设置view内 文字 和图片 垂直居中
下面直接看代码:
wxml代码:
<view class=”weui-tab__content_title” >
<text style=’padding-left: 17px;’>选项一的大标题</text>
<image src=”./navigator-images/u16.png” style=”;padding-left: 55%; vertical-[......]
微信小程序 View：flex 布局
微信小程序 View：flex 布局
微信小程序 View 支持两种布局方式：Block 和 Flex
所有 View 默认都是 block
要使用 flex 布局的话需要显式的声明：
display:flex;
下面就来介绍下微信小程序的 Flex 布局
先做一个简单的 demo
<view class="main">
<view class="item item1">1</view>
<view class="item item2">2</view>[......]
微信小程序传值取值的几种方法
微信小程序传值取值的几种方法
一，列表index下的取值
实现方式是：data-index=”{{index}}”挖坑及e.currentTarget.dataset.index来填坑即可
1.1生成值
<image src="../../../images/icon_delete.png" /><text>删除</text>
//在删除图标与文字添加data-index="{{index}}"自定义属性以及绑定点击事件bindtap="delete"
<view data-index="{{index}}" bindtap="[......]
微信小程序实现页面跳转传值以及获取值的方法分析
微信小程序实现页面跳转传值以及获取值的方法分析
https://blog.csdn.net/qq_24531461/article/details/79977245
本文实例讲述了微信小程序实现页面跳转传值以及获取值的方法。分享给大家供大家参考，具体如下：
在安卓中页面跳转传值都是通过bundle，现在研究一下小程序的列表跳转及页面传值。
my.wxml
<view>
<view bindtap="bindViewTap">
<image src="{{userInfo.avatarUrl}}" background-size="[......]
微信小程序通过按钮传值和取值问题
微信小程序通过按钮传值和取值问题
在wxml文件中进行传值：
<button class=’cancle_btn’ type=’default’ size=’mini’ bindtap=’cancleCollected’ id=”{{item.poem_id}}”>取消收藏</button>
在js文件中进行取值：
cancleCollected: function(e) {
console.log(“点击了取消收藏”)
console.log(“poem_id=” + e.currentTarget.id)
},[......]
微信小程序：如何用button获取view的自定义属性值？
微信小程序：如何用button获取view的自定义属性值？
wxml：
<view class="index-hd" data-vid='11111111' data-uid='22222222'></view>
<button class="tijiao" type="primary" bindtap="bindtap">发布</button>
js：
bindtap(e){
console.log(e.target.dataset.vid)
}
- 关注 | 4
- 收藏
[......]
微信小程序怎么点击按钮获取button里面的值
微信小程序怎么点击按钮获取button里面的值
版权声明：博客知识产权来源命运的信徒，切勿侵权 https://blog.csdn.net/qq_37591637/article/details/86688513
第一种情况：button里面的值————数据绑定
wxml代码如下
<view>
<button bindtap=”getv” name=”bu”>{{mess}}</button>
</view>
js代码如下
var meData=’中国’
Page({
[......]