<van-cell title="我的二维码" label="点击右侧图标上传（默认小程序码）"> <view slot="right-icon"> <van-button bind:tap="chooseQrcode"> <van-image src="{{qrcodeUrl}}" width="40" height="40" wx:if="{{qrcodeUrl.length>0}}" /> <van-icon name="qr" size="40" colo...
<van-cell title="我的头像"label="点击右侧图标获取微信头像"><view slot="right-icon"class="pos-r"><van-image src="{{avatarUrl}}"width="40"height="40"wx:if="{{avatarUrl.length>0}}"/><van-icon name="user-circle-o"size="40"color="#ccc"wx:else/><van-iconclass="pos-a"name="cl...
参考链接:https://www.jb51.net/article/160172.htm 上一篇vant van-image无法读取本地图片 下一篇mpvue设置标题navigationBarTitleText问题 本文作者:放飞的回忆 本文链接:https://www.cnblogs.com/ziyoublog/p/12910641.html 版权声明:本作品采用知识共享署名-非商业性使用-禁止演绎 2.5 中国大陆许可协议进行...
<van-image width="120" height="120" fit="cover" round src="url" /> <van-button color="#04cd95" plain wx:if="{{canIUseGetUserProfile}}" bindtap="getUserProfile" block>Get 新头像 清爽一夏~</van-button> </view> </template> 1. 2. 3. 4. 5. 6. 引用模板: 在目标视图文件顶部...
我这里弹出层用的vant-weapp的van-popup组件,可以改成自己使用的弹出层 1.wxml 活动图片 <van-popup show="{{shareImageIsShow}}" custom-style="height: 525px;width:309px;background-color:transparent;" catchtouchmove='true' bind:close="shareClose" > <view> </view> <view...
</van-tabbar-item> <van-tabbar-item data-path="/pages/mine/index"> <image slot="icon" src="/images/mine.png" mode="aspectFit" style="width: 36px; height: 24px;" /> <image slot="icon-active" src="/images/mine_h.png"
"../components/dist/grid/index","van-grid-item":"../components/dist/grid-item/index","van-divider":"../components/dist/divider/index","van-image":"../components/dist/image/index","van-notify":"../components/dist/notify/index"},"pages":["pages/onLoad/onLoad","pages/analysis/analysis...
新增custom-image 公共组件,属性同 van-image,图片裁剪模式同原生小程序 image 组件的 mode 属性。 新增custom-iconfont 公共组件,支持设置大小,颜色,图标(需要在/assets/styles/iconfont.scss 文件中提前引入使用的 iconfont),支持接收组件外部样式 external-iconfont。最后...
"van-field": "@vant/weapp/field/index" }, 3、Field 输入框组件 label:输入框左侧文本 value:当前输入的值 type:可设置为任意原生类型, 如 number idcard textarea digit border:是否显示内边框 readonly:是否只读 title-width:标题宽度 placeholder:输入框为空时占位符 ...
<van-uploader accept="image" max-count="1" bind:after-read="afterRead" bind:delete="deleteClick" file-list="{{ fileList }}" /> </view> </view> js文件 //获取应用实例 var app = getApp(); Page({ data: { fileList: [], //图片存放的数组 ...