index.wxml **微信小程序使用van-icon引入iconfont图标; 引入VantUI组件内容可参考VantUI官网快速上手进行配置; //index.json中注册vant-icon组件;"usingComponents":{"van-icon":"@vant/weapp/icon/index"} //index.wxml页面中使用<van-iconclass="iconfont"class-prefix="icon"name="renyuan"/><van-iconclass...
<van-buttonicon="plus"type="primary"size="small"bindclick="addSubject"loading="{{isLoading}}"custom-style="width:130rpx"color="#8fb2c9">添加</van-button> 效果图: 5、Popup 弹出层组件 弹出层容器,用于展示弹窗、信息提示等内容,支持多个弹出层叠加展示。 show:是否显示弹出层 position:弹出位置,可...
"van-tabbar-item": "@vant/weapp/tabbar-item/index", "van-area": "@vant/weapp/area/index", "van-card": "@vant/weapp/card/index", "van-submit-bar": "@vant/weapp/submit-bar/index", "van-goods-action": "@vant/weapp/goods-action/index", "van-goods-action-icon": "@vant/weapp/g...
--page/common/components/voice/voice.wxml--><van-iconname="/image/voice.png"bind:click="show"size="{{size}}"/><van-overlayshow="{{ isShow }}"bind:click="onClickHide"z-index="3"><viewclass="editWrapBox"><!--未录音--><viewclass="headerContentWrap"wx:if="{{noRecordShow}}"><...
<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 icon="sign"title="每日签到"size="large"is-link url="/pages/sign/index"/> </view> 效果如下: 如果报错:[ app.json 文件内容错误] app.json: ["usingComponents"]["van-button"]: "@vant/weapp/button/index" 未找到(env: Windows,mp,1.06.2301160; lib: 2.33.0) ...
<van-icon name="circle" class="operate-border-left-line-circle" /> <view>{{item.createDatetime}}</view> </view> <view class="flex jus-between margin-top-10 padding-bottom-10 margin-left-30"> <view class="font-weight-700">{{item.business}}</view> ...
"van-tabbar": "@vant/weapp/tabbar/index", "van-tabbar-item": "@vant/weapp/tabbar-item/index", "van-icon": "@vant/weapp/icon/index" } } 1. 2. 3. 4. 5. 6. 7. 8. index.wxml文件 <van-tabbar active="{{ active }}" bind:change="onChange" class="tabber"> ...
最常见的用法就是直接使用van-popup组件,通过组件的show属性来控制其是否展示,组件内部嵌套的其他组件或标签是popup组件的内容,如下所示: // wxml 展示弹出层 <van-popup show="{{ show }}" position="top" bind:close="onClose" closeable >内容<
/^.van-.*?$/, // 这里是vant-weapp中className的匹配模式 ] }, ec-canvas ec-canvas是ECharts的微信小程序版本。 iconfont 下载到本地,什么都不要改,放到指定位置。 该资源不会自动拷贝到dist/文件夹下,所以需要通过修改配置文件拷贝。 copy: { ...