wx小程序 领名片赞 源码

Dio18

Vant Weapp 框架

[AppleScript] 纯文本查看 复制代码

<!--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>&#8194;</text></van-col>
  <van-col span="9"><text>免费领取名片赞</text></van-col>
  <van-col span="7"><text decode>&#8194;</text></van-col>
</van-row>
<view style="margin: 10px 0px;"><text decode>&#8194;</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>&#8194;</text></view>
<van-row>
  <van-col span="8"><text decode>&#8194;</text></van-col>
  <van-col span="8">
    <van-button type="primary" bindtap="Submit">点击开始</van-button>
  </van-col>
  <van-col span="8"><text decode>&#8194;</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页面：

[AppleScript] 纯文本查看 复制代码

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
    })
  }

hikkeii

6666

djy3258

谢谢大佬

火云沙

6666666666

奇异的喵喵

感谢楼主的分享

MrLazy

谢谢大佬分享

wzr

谢谢@Thanks！