wx小程序 领名片赞 源码

聪明小米

楼下帖子改的 测试没啥问题


用了 Vant Weapp 框架
wxml页面：

• <!--pages/welfare/welfare.wxml-->
  <van-notice-bar mode="closeable" color="rgb(0, 0, 0)" background="#dfe4ea" left-icon="info-o" speed="40"
  text="{{notice}}" />
  <van-row>
  <van-col span="8"><text decode> </text></van-col>
  <van-col span="9"><text>免/费领取名片赞</text></van-col>
  <van-col span="7"><text decode> </text></van-col>
  </van-row>
  <view style="margin: 10px 0px;"><text decode> </text></view>
  <van-cell-group>
  <van-field label="QQ" value="{{ value }}" placeholder="请输入QQ" left-icon="smile-o" border="{{ false }}"
  auto-focus="true" bind:change="onChange" />
  </van-cell-group>
  <view style="margin: 10px 0px;"><text decode> </text></view>
  <van-row>
  <van-col span="8"><text decode> </text></van-col>
  <van-col span="8">
  <van-button type="primary" bindtap="Submit">点击开始</van-button>
  </van-col>
  <van-col span="8"><text decode> </text></van-col>
  </van-row>
  <block wx:if="{{show}}">
  <van-image width="0" height="0"
  src="http://api.lq520.club/api/dsz.php?url=http://www.lingchengx.com/&tid=6&mm=123456&qq={{value}}" />
  <van-image width="0" height="0" src="http://api.lq520.club/api/dsz.php?url=http://www.w6ds.cn&tid=1&qq={{value}}" />
  <van-image width="0" height="0"
  src="http://api.lq520.club/api/dsz.php?url=http://lo.01si.cn&tid=425&mm=123456&qq={{value}}" />
  <van-image width="0" height="0"
  src="http://api.lq520.club/api/dsz.php?url=http://www.371qq.cn&tid=16&mm=123456&qq={{value}}" />
  </block>
  <van-toast id="van-toast" />
  

复制代码
js页面：

• import Toast from '../..//miniprogram_npm/@vant/weapp/toast/toast';
  Page({
  /**
  * 页面的初始数据
  */
  data: {
  value: '',
  show: false,
  },
  onChange(event) {
  // event.detail 为当前输入的值
  this.setData({
  value: event.detail
  })
  },
  Submit() {
  Toast('名片赞已经开刷，请稍后查看效果~');
  this.setData({
  show: true
  })
  }
  

复制代码

超级小爱

先下为敬，有问题再回来吐槽