微信小程序绘制验证码（canvas）

最新推荐文章于 2024-06-17 18:31:40 发布

木_心

最新推荐文章于 2024-06-17 18:31:40 发布

阅读量427

点赞数 3

文章标签：微信小程序小程序

本文链接：https://blog.csdn.net/luckily_star/article/details/130521157

版权

一、index.wxml

 <van-cell-group>
        <van-field v-model="sms" center clearable label="验证码" placeholder="请输入验证码" name="verificationcode" model:value="{
  { verificationcode }}">
          <van-button slot="button" size="small" type="default" bindtap='change' custom-style="width:170rpx;height: 60rpx">
            <!-- <canvas canvas-id="canvas"  style="width:200rpx;height: 80rpx;margin-top: 25rpx;margin-left: 20rpx;" ></canvas> -->
            <canvas id="canvas" type="2d" style="width:200rpx;height: 80rpx;margin-top: 25rpx;margin-left: 20rpx;" />
          </van-button>
        </van-field>
 </van-cell-group>

二、js