Dio18 发表于 2021-6-16 21:48

wx小程序 领名片赞 源码

Vant Weapp 框架
<!--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
    })
}

hikkeii 发表于 2021-6-16 21:59

6666

djy3258 发表于 2021-6-16 22:22

谢谢大佬

火云沙 发表于 2021-6-16 23:07

6666666666

奇异的喵喵 发表于 2021-6-16 23:14


感谢楼主的分享

MrLazy 发表于 2021-6-16 23:29

谢谢大佬分享

wzr 发表于 2021-6-17 07:58

谢谢@Thanks！
页: [1]
查看完整版本: wx小程序 领名片赞 源码