init

.gitignore

@@ -0,0 +1,14 @@
+# Windows
+[Dd]esktop.ini
+Thumbs.db
+$RECYCLE.BIN/
+
+# macOS
+.DS_Store
+.fseventsd
+.Spotlight-V100
+.TemporaryItems
+.Trashes
+
+# Node.js
+node_modules/

.vscode/settings.json

@@ -0,0 +1,13 @@
+{
+  "sqltools.connections": [
+    {
+      "database": "yingbo",
+      "dialect": "MySQL",
+      "name": "index",
+      "password": "custzgh123+",
+      "port": 10177,
+      "server": "cdb-a95zltgq.bj.tencentcdb.com",
+      "username": "root"
+    }
+  ]
+}

app.js

@@ -0,0 +1,16 @@
+//app.js
+App({
+  onLaunch: function () {
+    wx.getSystemInfo({
+      success: res => {
+        //导航高度
+        this.globalData.navHeight = res.statusBarHeight + 46;
+      }, fail(err) {
+        console.log(err);
+      }
+    })
+  },
+  globalData: {
+    navHeight: 0
+  }
+})

app.json

@@ -0,0 +1,38 @@
+{
+  "pages": [
+    "pages/login/login",
+    "pages/mine/mine",
+    "pages/show/show",
+    "pages/create/create",
+    "pages/index/index"
+  ],
+  "window": {
+    "backgroundTextStyle": "light",
+    "navigationBarBackgroundColor": "#fff",
+    "navigationBarTitleText": "WeChat",
+    "navigationBarTextStyle": "white",
+    "navigationStyle": "custom"
+  },
+  "tabBar": {
+    "borderStyle": "white",
+    "selectedColor": "#fff",
+    "color": "#fff",
+    "backgroundColor": "#0b1315",
+    "position": "bottom",
+    "list": [
+      {
+        "pagePath": "pages/index/index",
+        "text": "主页",
+        "iconPath": "./images/tabbar/home.png",
+        "selectedIconPath": "./images/tabbar/homeSelect.png"
+      },
+      {
+        "pagePath": "pages/mine/mine",
+        "text": "个人中心",
+        "iconPath": "./images/tabbar/mine.png",
+        "selectedIconPath": "./images/tabbar/mineSelect.png"
+      }
+    ]
+  },
+  "sitemapLocation": "sitemap.json"
+}

app.wxss

@@ -0,0 +1,10 @@
+/**app.wxss**/
+.container {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: space-between;
+  padding: 200rpx 0;
+  box-sizing: border-box;
+} 

import/config/config.js

@@ -0,0 +1 @@
+"use strict";module.exports={name:"sc-ui",description:"微信小程序material ui 由small-cat 在参加大学生微信小程序大赛期间开发",date:"2018/5/10",auth:"白晓寒(xbup)",version:1};

import/config/theme/sc-theme.js

@@ -0,0 +1 @@
+"use strict";

import/sc-ripple-behaviors/sc-ripple-behaviors.js

@@ -0,0 +1 @@
+"use strict";var _slicedToArray=function(){function t(t,e){var i=[],r=!0,a=!1,l=void 0;try{for(var s,p=t[Symbol.iterator]();!(r=(s=p.next()).done)&&(i.push(s.value),!e||i.length!==e);r=!0);}catch(t){a=!0,l=t}finally{try{!r&&p.return&&p.return()}finally{if(a)throw l}}return i}return function(e,i){if(Array.isArray(e))return e;if(Symbol.iterator in Object(e))return t(e,i);throw new TypeError("Invalid attempt to destructure non-iterable instance")}}(),regexp=/(\b[0-9]{1,3}\b)/g;module.exports=Behavior({behaviors:[],properties:{ripple:{type:Boolean,value:!0}},data:{rippleList:[],rippleId:0,rippleDeleteCount:0,rippleDeleteTimer:null,rippleColor:"#ffffff",btnSelector:".sc-class"},methods:{_addRipple_:function(t,e){var i=this;this.properties.disabled||this._queryMultipleNodes_(this.data.btnSelector).then(function(r){var a=r[0],l=a.width,s=a.height,p=a.left,o=a.top,n=a.backgroundColor,d=void 0===n?"rgb(255,255,255,1)":n,u=r[1],c=u.scrollLeft,h=u.scrollTop,f=parseInt(l),m=parseInt(s),_=d.match(regexp),b=_slicedToArray(_,4),g=b[0],y=b[1],v=b[2],L=b[3],I=void 0===L?1:L,A=f>m?f:m,C=t.detail.x-(p+c)-A/2,D=t.detail.y-(o+h)-A/2;i.data.rippleList.push({rippleId:"ripple-"+i.data.rippleId++,width:A,height:A,left:C,top:D,backgroundColor:i._rgbIsLight_(g,y,v,I)?"rgb(0,0,0)":"rgb(255,255,255)",startAnimate:!0,holdAnimate:e||!1}),i.setData({rippleList:i.data.rippleList})})},_queryMultipleNodes_:function(t){var e=this;return new Promise(function(i,r){e.createSelectorQuery().select(t).fields({size:!0,rect:!0,computedStyle:["backgroundColor"]}).selectViewport().scrollOffset().exec(function(t){i(t)})})},_rippleAnimationEnd_:function(){function t(){this.data.rippleList.splice(0,this.data.rippleDeleteCount),this.setData({rippleList:this.data.rippleList}),clearTimeout(this.data.timer),this.data.timer=null,this.data.rippleDeleteCount=0}this.data.rippleDeleteCount++,this.data.timer&&clearTimeout(this.data.timer),this.data.timer=setTimeout(t.bind(this),300)},_longPress_:function(t){this._addRipple_(t,!0)},_touchEnd_:function(){var t=this.data.rippleList.slice(-1)[0];t&&t.holdAnimate&&(this.data.rippleList.pop(),this.setData({rippleList:this.data.rippleList}))},_rgbIsLight_:function(t,e,i,r){return.299*parseInt(t)+.578*parseInt(e)+.114*parseInt(i)>=192*r}}});

import/scButton/sc-button.js

@@ -0,0 +1 @@
+"use strict";var scRippleBehaviors=require("../sc-ripple-behaviors/sc-ripple-behaviors");Component({behaviors:[scRippleBehaviors],properties:{openType:{type:String},size:{type:String,value:"default"},plain:{type:Boolean,value:!1},disabled:{type:Boolean,value:!1},loading:{type:Boolean,value:!1},hoverClass:{type:String,value:""},hoverStopPropagation:{type:Boolean,value:!1},hoverStartTime:{type:Number,value:20},hoverStayTime:{type:Number,value:70},formType:{type:String},appParameter:{type:String},sessionFrom:{type:String},sendMessageTitle:{type:String},sendMessagePath:{type:String},sendMessageImg:{type:String},sendMessageCard:{type:Boolean,value:!1},flat:{type:Boolean,value:!1},raised:{type:Boolean,value:!1},fab:{type:Boolean,value:!1}},data:{openTypeToBindEvent:{getUserInfo:"getuserinfo",getphonenumber:"getphonenumber",launchApp:"error",contact:"contact"},tap:!1},relations:{"../scForm/sc-form":{type:"parent"}},externalClasses:["sc-class","sc-ripple-class"],methods:{_returnEventData:function(e){this.properties.disabled||this.triggerEvent(""+this.data.openTypeToBindEvent[this.properties.openType],e.detail,{})},_tap:function(e){this._addRipple_(e),this.setData({tap:!0})},_longPress:function(e){this._longPress_(e),this.setData({tap:!0})},_rippleAnimationEnd:function(){this._rippleAnimationEnd_()},_touchEnd:function(){var e=this;this._touchEnd_(),setTimeout(function(){e.setData({tap:!1})},150)}}});

import/scButton/sc-button.json

@@ -0,0 +1 @@
+{"component":true}

import/scButton/sc-button.wxml

@@ -0,0 +1 @@
+<button class="sc-class sc-button {{flat ? 'sc-button-flat' : ''}} {{raised? 'box-shadow-3' : ''}} {{fab ? 'sc-btn-fab' : ''}} {{size === 'small'? 'sc-btn-small' : ''}} {{size === 'large'? 'sc-btn-large' : ''}}" capture-bind:tap="{{ripple ? '_tap' : ''}}" capture-bind:longpress="{{ripple ? '_longPress' : ''}}" capture-bind:touchend="{{ripple ? '_touchEnd' : ''}}" bind:getuserinfo="{{openType === 'getUserInfo' ? '_returnEventData' : '' }}" bind:getphonenumber="{{openType === 'getphonenumber' ? '_returnEventData' : '' }}" bind:error="{{openType === 'launchApp' ? '_returnEventData' : '' }}" bind:contact="{{openType === 'contact' ? '_returnEventData' : '' }}" open-type="{{openType || ''}}" plain="{{plain || ''}}" disabled="{{disabled}}" loading="{{loading}}" hover-class="{{hoverClass ? hoverClass : raised ? 'box-shadow-9' : ''}}" hover-stop-propagation="{{hoverStopPropagation || ''}}" hover-start-time="{{hoverStartTime || ''}}" hover-stay-time="{{hoverStayTime || ''}}" app-parameter="{{openType == 'launchApp' && appParameter ? appParameter : ''}}" session-from="{{openType == 'contact' && sessionFrom ? sessionFrom : ''}}" session-message-title="{{openType == 'contact' && sendMessageTitle ? sendMessageTitle : ''}}" session-message-path="{{openType == 'contact' && sendMessagePath ? sendMessagePath : ''}}" session-message-img="{{openType == 'contact' && sendMessageImg ? sendMessageImg : ''}}" session-message-card="{{openType == 'contact' && sendMessageCard ? sendMessageCard : ''}}"><slot></slot><view wx:for="{{rippleList}}" wx:key="rippleId" id="{{item.rippleId}}" style="width:{{item.width}}px;height:{{item.height}}px;left:{{item.left}}px;top:{{item.top}}px;background-color: {{item.backgroundColor}}" class="sc-ripple-class sc-ripple {{item.startAnimate ? item.holdAnimate ? 'sc-ripple-animation-slow-hold' :'sc-ripple-animation-slow' : ''}}" bind:animationend="{{item.holdAnimate ? null : '_rippleAnimationEnd'}}"></view></button>

index Session.sql

@@ -0,0 +1,18 @@
+create table qrcode
+(
+  id int AUTO_INCREMENT primary key,
+  username varchar(50) not null,
+  openid varchar(100) not null,
+  alpay varchar(100),
+  wxpay varchar(100),
+  qqpay varchar(300),
+  node varchar(100)
+);
+
+alter table qrcode auto_increment=1000
+
+desc qrcode
+
+drop table qrcode
+
+select * from qrcode

pages/create/create.js

@@ -0,0 +1,277 @@
+// pages/create/create.js
+const App = getApp();
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    aState:false,
+    wState:false,
+    qState:false,
+    naState:false,
+    noState:false,
+    alcode:"",
+    wxcode:"",
+    qqcode:"",
+    name:"",
+    node:"",
+    openid:""
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+    this.setData({
+      navH: App.globalData.navHeight
+    })
+    this.data.openid=wx.getStorageSync("openId");
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+
+  },
+  getAlCode: function() {
+    let that = this;
+    wx.scanCode({
+      success:function(res){
+        that.data.alcode=res.result;
+        that.setData({
+          aState:true
+        })
+        wx.showToast({
+          title: "扫描成功",
+          duration: 1000,
+          mask: true,
+          icon: "success"
+        })
+      },
+      fail:function(err){
+        console.error(err);
+        wx.showModal({
+          title: "警告",
+          content: "扫描失败",
+          showCancel: false,
+          confirmText: "继续"
+        })
+      }
+    });
+  },
+  getWxCode: function() {
+    let that = this;
+    wx.scanCode({
+      success: function (res) {
+        that.data.wxcode = res.result;
+        that.setData({
+          wState: true
+        })
+        wx.showToast({
+          title: "扫描成功",
+          duration: 100,
+          mask: true,
+          icon: "success"
+        })
+      },
+      fail: function (err) {
+        console.error(err);
+        wx.showModal({
+          title: "警告",
+          content: "扫描失败",
+          showCancel: false,
+          confirmText: "继续"
+        })
+      }
+    });
+
+  },
+  getQqCode: function() {
+    let that = this;
+    wx.scanCode({
+      success: function (res) {
+        that.data.qqcode = res.result;
+        that.setData({
+          qState: true
+        })
+        wx.showToast({
+          title: "扫描成功",
+          duration: 100,
+          mask: true,
+          icon: "success"
+        })
+      },
+      fail: function (err) {
+        console.error(err);
+        wx.showModal({
+          title: "警告",
+          content: "扫描失败",
+          showCancel: false,
+          confirmText: "继续"
+        })
+      }
+    });
+  },
+
+
+  inputName: function (e) {
+    this.setData({
+      name:e.detail.value
+    })
+    if(e.detail.value){
+      this.setData({
+        naState: true
+      })
+    }else{
+      this.setData({
+        naState: false
+      })
+    }
+    console.log('填写姓名为', this.data.name);
+  },
+
+  inputNode: function (e) {
+    this.data.node = e.detail.value;
+    if (e.detail.value) {
+      this.setData({
+        noState: true
+      })
+    } else {
+      this.setData({
+        noState: false
+      })
+    }
+    console.log('填写备注为', this.data.node);
+  },
+
+  confirm:function(){
+    var that =this;
+    wx.showModal({
+      title: '提示',
+      content: '提交后不可更改,要不要再看看？',
+      cancelText:'再看看',
+      confirmText:'确认提交',
+      success(res) {
+        if (res.confirm) {
+          that.create();
+        } else if (res.cancel) {
+          console.log('用户点击取消')
+        }
+      }
+    })
+  },
+  create: function() {
+    let ast=this.data.aState;
+    let ws=this.data.wState;
+    let qs=this.data.qState;
+    let as=this.data.naState;
+    var that=this;
+    if(((ast&&ws)||(ast&&qs)||(ws&&qs))&&as){//至少有两个二维码且填写了姓名
+      wx.request({
+        url: 'https://powerrain.cn/qrcode/api/add.php',
+        data: {
+          alpay:that.data.alcode,
+          wxpay:that.data.wxcode,
+          qqpay:encodeURIComponent(that.data.qqcode),
+          name:that.data.name,
+          node:that.data.node,
+          open:that.data.openid
+        },
+        success: function (res) { //如果成功就会返回id
+          if (res.data["LAST_INSERT_ID()"]) {
+            let createInfo = { //将id和名字存起来下一个界面生成二维码用。
+              'id': res.data["LAST_INSERT_ID()"],
+              'name':that.data.name,
+              'aState':that.data.aState,
+              'wState':that.data.wState,
+              'qState':that.data.qState,
+            }
+            console.log(createInfo);
+            wx.setStorageSync('createInfo', createInfo);   
+            //更新已经制作完成的二维码
+            wx.request({
+              url: 'https://powerrain.cn/qrcode/api/wxselect.php',
+              data: {
+                openId: that.data.openid
+              },
+              success: function (infoRes) { //如果该id未合并过二维码，此处为[](空数组)
+                console.log(infoRes);
+                if (infoRes.data.length != 0) {
+                  wx.setStorageSync('qrinfo', infoRes.data);   //将已经存在的二维码存放起来，然后下一个界面做成卡片。
+                  wx.redirectTo({
+                    url: '../show/show'
+                  })
+                } else {
+                  wx.showModal({
+                    title: "警告",
+                    content: "获取最新列表失败",
+                    showCancel: false,
+                    confirmText: "重试"
+                  })
+                }
+              }
+            })
+          } else {
+            wx.showModal({
+              title: "警告",
+              content: "生成失败",
+              showCancel: false,
+              confirmText: "重试"
+            })
+          }
+        }
+      })
+    }else{
+      wx.showToast({
+        title: '请检查输入内容',
+        icon: 'none',
+        duration: 2000,
+        mask:true
+      })
+    }
+  },
+})

pages/create/create.json

@@ -0,0 +1,5 @@
+{
+  "usingComponents": {
+    "sc-button": "/import/scButton/sc-button"
+  }
+}

pages/create/create.wxml

@@ -0,0 +1,37 @@
+<!--pages/create/create.wxml-->
+<view class='head' style='height:{{navH}}px;'></view>
+<view class='main'>
+<view class='title'>录入二维码</view>
+  <view class='tip'>Tip : 至少要上传两个收款码才能合并呦~</view>
+  <view class='sccode'>
+    <view class='wxcode'>
+      <view class='guide'>{{wState?"微信收款码录入成功":"上传微信收款码"}}</view>
+      <button type="primary" size="mini" hover-class="button-hover" bindtap='getWxCode'>
+        扫描二维码
+      </button>
+    </view>
+    <view class='alcode'>
+      <view class='guide'>{{aState?"支付宝收款码录入成功":"上传支付宝收款码"}}</view>
+      <button type="primary" size="mini" hover-class="button-hover" bindtap='getAlCode'>
+        扫描二维码
+      </button>
+    </view>
+    <view class='qqcode'>
+      <view class='guide'>{{qState?"QQ收款码录入成功":"上传QQ收款码"}}</view>
+      <button type="warn" size="mini" hover-class="button-hover" bindtap='getQqCode'>
+        扫描二维码
+      </button>
+    </view>
+  </view>
+
+  <view class='info'>
+   <view class='title' style='margin-bottom:50rpx;'>填写收款信息</view>
+    <view class='guide'>{{naState?"向"+name+"付款":"在此输入收款人（必填）"}}</view>
+    <input class='name_input' maxlength="10" bindinput="inputName" placeholder="最多只能输入10个字呦~" />
+    <view class='guide'>在此输入备注（非必填，写给自己的）</view>
+    <textarea auto-height class='node_input' maxlength="50" bindinput="inputNode" placeholder="最多只能输入50个字呦~"></textarea>
+  </view>
+</view>
+<view class='button'>
+  <sc-button sc-class="sc-btn" class='btn' large bindtap='confirm'>开始合成</sc-button>
+</view>

pages/create/create.wxss

@@ -0,0 +1,107 @@
+/* pages/create/create.wxss */
+
+page {
+  /* background-image: url(http://www.powerrain.cn/qrcode/images/home.png); */
+  background-image: url(https://gss0.baidu.com/94o3dSag_xI4khGko9WTAnF6hhy/zhidao/pic/item/2934349b033b5bb5092b9c0d3bd3d539b700bc41.jpg);
+  background-size: 100% 100%;
+}
+
+.head {
+  width:100%;
+}
+
+.main {
+  height:auto;
+  width:95%;
+  margin: 0 auto;
+  display: flex;
+  flex-direction: column;
+}
+
+.title {
+  color: #fff;
+  font-size: 50rpx;
+}
+
+.main .tip {
+  color: #fff;
+  margin-top:30rpx;
+  font-size: 30rpx;
+}
+
+.main .sccode {
+  height:300rpx;
+  display: flex;
+  flex-direction: column;
+  margin-top:50rpx;
+  justify-content: space-between;
+}
+
+.main .sccode>view {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.main .sccode .guide {
+  font-size: 30rpx;
+  color: #fff;
+}
+
+.main .sccode  button {
+  margin:0;
+}
+
+.main .sccode .alcode button {
+  background-color: #108ee9;
+}
+
+.info {
+  display: flex;
+  flex-direction: column; 
+  margin-top:50rpx;
+}
+
+.info .guide {
+  color: #fff;
+  font-size: 30rpx;
+  margin-bottom:30rpx;
+}
+
+.info .name_input {
+  margin-bottom: 30rpx;
+  color:#fff;
+  font-size: 30rpx;
+}
+
+.info .node_input {
+  color: #fff;
+  font-size: 30rpx;
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+.button {
+  position: fixed;
+  bottom: 120rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width:100%;
+}
+
+.btn {
+  width:70%;
+}

pages/index/index.js

@@ -0,0 +1,100 @@
+// pages/index/index.js
+const App = getApp();
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    yiyan:"",
+    hitokotoLength:"",
+    timer:""
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function(options) {
+    this.setData({
+      navH: App.globalData.navHeight
+    })
+    this.data.timer = setInterval(this.refresh,100)
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function() {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function() {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function() {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function() {
+
+  },
+
+  start: function() {
+    setTimeout(function(){
+      wx.navigateTo({
+        url: '../create/create'
+      })
+    }, 200)
+  },
+
+  //防止出现一言加载过慢的情况，采用定时器监视缓存中的一言，主要还是防止第一次加载不粗来。
+  refresh:function(){
+    let yiyancache = wx.getStorageSync('yiyan');
+    if(yiyancache){
+      this.setData({
+        yiyan: yiyancache
+      })
+      if(this.data.yiyan.hitokoto.length > 15) {
+        this.setData({
+          hitokotoLength: "text-indent:2em;"
+        })
+      }
+      this.stop();
+    }
+  },
+
+  stop:function(){      //停止定时器
+    clearInterval(this.data.timer)
+  }
+})

pages/index/index.json

@@ -0,0 +1,5 @@
+{
+  "usingComponents": {
+    "sc-button": "/import/scButton/sc-button"
+  }
+}

pages/index/index.wxml

@@ -0,0 +1,12 @@
+<!--pages/index/index.wxml-->
+<view class='title' style='height:{{navH}}px;'></view>
+<view class='yiyan'>
+  <view class='title'>「一言」</view>
+  <view class='item' style='{{hitokotoLength}}'>{{yiyan.hitokoto}}</view>
+  <view class='creator'>-「{{yiyan.creator}}」</view>
+</view>
+
+
+<view class='button'>
+  <sc-button sc-class="sc-btn" class='btn' large bindtap='start'>开始合成</sc-button>
+</view>

pages/index/index.wxss

@@ -0,0 +1,56 @@
+/* pages/index/index.wxss */
+.title {
+  width:100%;
+  /* background-color: red; */
+}
+
+page {
+  /* background-image: url(http://www.powerrain.cn/qrcode/images/home.png); */
+  background-image: url(https://gss0.baidu.com/94o3dSag_xI4khGko9WTAnF6hhy/zhidao/pic/item/2934349b033b5bb5092b9c0d3bd3d539b700bc41.jpg);
+  background-size: 100% 100%;
+}
+
+.yiyan {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  margin:0 auto;
+  width:90%;
+  margin-top:30rpx;
+}
+
+.yiyan .title {
+  font-size: 50rpx;
+  color: #fff;
+  text-align: center;
+}
+
+.yiyan .item {
+  /* text-indent:2em; */
+  margin-top:50rpx;
+  font-size: 40rpx;
+  color: #fff;
+  text-align: left;
+}
+
+.yiyan .creator {
+  margin-top:50rpx;
+  font-size: 30rpx;
+  color:#fff;
+  text-align: right;
+  width:100%;
+}
+
+
+.button {
+  position: fixed;
+  bottom: 150rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width:100%;
+}
+
+.btn {
+  width:70%;
+}

pages/login/login.js

@@ -0,0 +1,141 @@
+// pages/login/login.js
+const App = getApp(); 
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    loginState:0,
+    openId:0,
+    title:"",
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+    wx.setStorageSync('yiyan', "");
+    this.setData({
+      navH: App.globalData.navHeight
+    })
+    this.getyiyian();
+    this.login();
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+
+  },
+  getyiyian:function(){    //获取一言
+    var that=this;
+    wx.request({
+      url: 'https://v1.hitokoto.cn/',
+      success: function (res) {  
+        if(res.data.hitokoto.length>30){   //如果长度大于30就重新获取
+          that.getyiyian();
+        }else{
+          console.log(res.data);
+          wx.setStorageSync('yiyan', res.data);
+        } 
+      }
+    })
+  },
+  login: function(){
+    wx.showLoading({
+      title: '登录中',
+    })
+    var that = this;
+    wx.login({
+      success: function (res) {
+        if (res.code) {
+          wx.request({
+            url: 'https://powerrain.cn/qrcode/api/login.php',
+            data: {
+              code: res.code
+            },
+            success: function (oiRes) {   //openId
+              that.data.loginState = 1;
+              that.data.openId = oiRes.data;
+              wx.setStorageSync('openId', oiRes.data);
+              wx.hideLoading();
+              wx.request({
+                url: 'https://powerrain.cn/qrcode/api/wxselect.php',
+                data: {
+                  openId: oiRes.data
+                },
+                success: function (infoRes) { //如果该id未合并过二维码，此处为[](空数组)
+                  console.log(infoRes);
+                  if (infoRes.data.length != 0) {
+                    wx.setStorageSync('qrinfo', infoRes.data);   //将已经存在的二维码存放起来，然后下一个界面做成卡片。
+                    wx.switchTab({
+                      url: '../index/index'
+                    })
+                  } else {
+                    wx.setStorageSync('qrinfo', "");
+                    wx.switchTab({
+                      url: '../index/index'
+                    })
+                  }
+                }
+              })
+            },
+            fail: function () {
+              wx.hideLoading();
+              wx.showToast({
+                title: "登录失败",
+                icon: "none"
+              })
+            }
+          })
+        } else {
+          console.log('获取失败' + res.errMsg)
+        }
+      }
+    });
+  }
+})

pages/login/login.json

@@ -0,0 +1,3 @@
+{
+  "navigationBarTextStyle": "white"
+}

pages/login/login.wxml

@@ -0,0 +1,9 @@
+<!--pages/login/login.wxml-->
+<view style='margin-top:{{navH}}px'></view>
+<view class='top'>
+  <view class='background'>
+    <open-data class='userAvatar' type="userAvatarUrl" style="border-radius: 50%;"></open-data>
+  </view>
+  <open-data class='userNickName' type="userNickName"></open-data>
+  <view class='welcome'>欢迎</view>
+</view>

pages/login/login.wxss

@@ -0,0 +1,45 @@
+/* pages/login/login.wxss */
+
+page {
+  /* background-image: url(http://www.powerrain.cn/qrcode/images/home.png); */
+  background-image: url(https://gss0.baidu.com/94o3dSag_xI4khGko9WTAnF6hhy/zhidao/pic/item/2934349b033b5bb5092b9c0d3bd3d539b700bc41.jpg);
+  background-size: 100% 100%;
+}
+
+.top {
+  margin:0 auto; 
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+.top .background {
+  height:200rpx;
+  width:200rpx;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  border-radius: 50%;
+  box-shadow: 0 0 30rpx #888888;
+}
+
+.top .background .userAvatar{
+  height: 200rpx;
+  width: 200rpx;
+  border-radius: 50%;
+  overflow: hidden;
+}
+
+.top .userNickName {
+  font-size: 40rpx;
+  color: #fff;
+  margin-top:30rpx;
+  letter-spacing:3px;
+}
+
+.top .welcome {
+  color:#fff;
+  font-size: 80rpx;
+  margin-top:250rpx;
+  letter-spacing: 3rpx;
+}

pages/mine/mine.js

@@ -0,0 +1,159 @@
+// pages/mine/mine.js
+const App = getApp();
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    qrinfo:""
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+    this.qrinfoManage();
+    this.setData({
+      navH: App.globalData.navHeight,
+    })
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+    this.qrinfoManage();
+    console.log("show");
+    console.log(this.data.qrinfo);
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+
+  },
+  qrinfoManage: function() {
+    var qrinfoCache = wx.getStorageSync("qrinfo");
+    var array =[];
+    for (let i = 0; i < qrinfoCache.length;i++){
+      array.push(qrinfoCache[i]);
+    }
+    this.setData({
+      qrinfo: array,
+    })
+    console.log(this.data.qrinfo);
+  },
+
+  show: function(e){
+    var id = e.currentTarget.id;
+    let createInfo = { //将id和名字存起来下一个界面生成二维码用。
+      'id': this.data.qrinfo[id]['id'],
+      'username': this.data.qrinfo[id]['username'],
+      'aState': this.data.qrinfo[id]['alpay']!="",
+      'wState': this.data.qrinfo[id]['wxpay']!="",
+      'qState': this.data.qrinfo[id]['qqpay']!="",
+    }
+    wx.setStorageSync('createInfo', createInfo); 
+    wx.redirectTo({
+      url: '../show/show'
+    })
+  },
+
+
+  confirm: function (e) {
+    let id = e.currentTarget.id;
+    var that = this;
+    wx.showModal({
+      title: '提示',
+      content: '删除后不可恢复，是否删除？',
+      cancelText: '再看看',
+      confirmText: '确认删除',
+      success(res) {
+        if (res.confirm) {
+          id=that.data.qrinfo[id]['id']
+          that.del(id);
+        } else if (res.cancel) {
+          console.log('用户点击取消')
+        }
+      }
+    })
+  },
+
+
+  del: function(id) {
+    var that=this;
+    var openId=wx.getStorageSync("openId");
+    wx.request({
+      url: 'https://powerrain.cn/qrcode/api/del.php',
+      data: {
+        id:id
+      },
+      success: function (res) {
+        console.log(res.data);
+        if(res.data==1){
+          wx.request({
+            url: 'https://powerrain.cn/qrcode/api/wxselect.php',
+            data: {
+              openId: openId
+            },
+            success: function (infoRes) { //如果该id未合并过二维码，此处为[](空数组)
+              console.log(infoRes);
+              if (infoRes.data.length != 0) {
+                wx.setStorageSync('qrinfo', infoRes.data); 
+                that.qrinfoManage();
+                  //将已经存在的二维码存放起来，然后下一个界面做成卡片。
+              } else {
+                wx.setStorageSync('qrinfo', "");
+                that.qrinfoManage();
+              }
+            }
+          })
+        }else{
+          wx.showModal({
+            showCancel: false,
+            title: '警告',
+            content: '删除失败',
+            confirmText: "知道了",
+          })
+        }
+      }
+    })
+  }
+})

pages/mine/mine.json

@@ -0,0 +1,3 @@
+{
+  "usingComponents": {}
+}

pages/mine/mine.wxml

@@ -0,0 +1,25 @@
+<!--pages/mine/mine.wxml-->
+<!-- <view style='height:{{navH}}px;background:#181f27;border:none;'></view> -->
+<view class='header' style='padding-top:{{navH}}px;'>
+  <view class='top'>
+    <view class='background'>
+      <open-data class='userAvatar' type="userAvatarUrl" style="border-radius: 50%;"></open-data>
+    </view>
+    <open-data class='userNickName' type="userNickName"></open-data>
+  </view>
+</view>
+<view class='main' style='margin-top:{{navH}}px'>
+  <view class='warn' wx:if="{{qrinfo==''}}">您还未合成过二维码呦~</view>
+  <view class='card' wx:for="{{qrinfo}}" wx:key="{{index}}" >
+    <view class='left' bindtap='confirm'  id="{{index}}">
+      <view class='num'>{{index+1}}</view>
+    </view>
+    <view class='right' bindtap='show'  id="{{index}}">
+      <view class='up'>{{item.name}}</view>
+      <view class='down'>{{item.node?item.node:"并没有填写备注欸~"}}</view>
+    </view>
+  </view>
+  <view class='logo'>
+  <view></view>
+  </view>
+</view>

pages/mine/mine.wxss

@@ -0,0 +1,104 @@
+/* pages/mine/mine.wxss */
+page {
+  background: #f8f9fd;
+}
+.header {
+  width:100%;
+  background-color: #181f27;
+  position: fixed;
+  top:0;
+  /* box-shadow: 0 0 50px #000; */
+}
+.top {
+  margin:0 auto; 
+  display: flex;
+  flex-direction:column;
+  align-items: center;
+  width:80%;
+}
+.top .background {
+  height:150rpx;
+  width:150rpx;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  border-radius: 50%;
+  box-shadow: 0 0 30rpx #888888;
+}
+
+.top .background .userAvatar{
+  height: 150rpx;
+  width: 150rpx;
+  border-radius: 50%;
+  overflow: hidden;
+}
+
+.top .userNickName {
+  font-size: 130%;
+  font-weight: lighter;
+  color: #fff;
+  margin-top:30rpx;
+  margin-bottom:30rpx;
+  /* letter-spacing:3px; */
+}
+
+.main {
+  width:90%;
+  margin: 0 auto;
+  padding-top:330rpx;
+}
+
+.main .warn {
+  text-align: center;
+  width:100%;
+  margin:0 auto;
+}
+
+.main .card {
+  width:100%;
+  background:#fff;
+  margin-bottom: 50rpx;
+  border-radius: 20rpx;
+  box-shadow: 0 10rpx 50rpx #edf1f4;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.main .card .left {
+  width:20%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  margin:15rpx 0 15rpx 0;
+}
+
+.main .card .left .num {
+  font-size: 50rpx;
+  font-weight: 100;
+}
+
+.main .card .right {
+  margin:15rpx 0 15rpx 0;
+  width:80%;
+  display: flex;
+  flex-direction: column;
+  padding-left:30rpx;
+  padding-right:-30rpx;
+  border-left: 1px #eee solid;
+}
+
+.main .card .right .up {
+  width:100%;
+  font-weight: bold;
+  margin-bottom: 10rpx;
+}
+
+.main .card .right .down {
+  width:100%;
+  font-weight: lighter;
+  font-size: 25rpx;
+}

pages/show/show.js

@@ -0,0 +1,116 @@
+// pages/show/show.js
+const App = getApp(); 
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    imagePath: '',
+    username:'',
+    wxDisplay:true,
+    alDisplay:true,
+    qqDisplay:true
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+    this.setData({
+      navH: App.globalData.navHeight
+    })
+    this.imgUrl();
+    wx.showModal({
+      showCancel: false,
+      title: '提示',
+      content: '请在此界面进行截图，之后会自动返回主界面',
+      confirmText: "知道了",
+    })
+    wx.onUserCaptureScreen(function (res) {
+      wx.removeStorageSync('createInfo');
+      wx.switchTab({
+        url: '../index/index'
+      })
+    })
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+
+  },
+  imgUrl :function(){
+    let webUrl = "http://www.powerrain.cn/qrcode/html/index.html?id="
+    let createInfo = wx.getStorageSync('createInfo');
+    let pageId = createInfo['id'];
+    this.setData({
+      username: createInfo['username'],
+      qqDisplay:createInfo['qState'],
+      wxDisplay:createInfo['wState'],
+      alDisplay: createInfo['aState']   
+    })                            
+    if(pageId){
+      let item = webUrl + pageId;
+      item = "http://qr.liantu.com/api.php?text=" + item;
+      this.setData({
+        imagePath: item  //数字转字符串
+      });
+    }else {
+      wx.showModal({
+        title: "警告",
+        content: "生成失败",
+        showCancel: false,
+        confirmText: "重试",
+        success(res) {
+          wx.navigateTo({
+            url: '../create/create'
+          })
+        }
+      })
+    }
+  }
+})

pages/show/show.json

@@ -0,0 +1,3 @@
+{
+  "usingComponents": {}
+}

pages/show/show.wxml

@@ -0,0 +1,12 @@
+<!--pages/show/show.wxml-->
+<view style='margin-top:{{navH}}px'></view>
+<view class='main'>
+  <image class='qrcode' mode="widthFix" src="{{imagePath}}"></image>
+  <view class='user'>{{username}}</view>
+  <view class='title'>本二维码支持以下APP向我付款</view>
+  <view class='imageBox'>
+    <view class='wx' wx:if="{{wxDisplay==true}}"></view>
+    <view class='al' wx:if="{{alDisplay==true}}"></view>
+    <view class='qq' wx:if="{{qqDisplay==true}}"></view>
+  </view>
+</view>

pages/show/show.wxss

@@ -0,0 +1,69 @@
+/* pages/show/show.wxss */
+page {
+  /* background-image: url(http://www.powerrain.cn/qrcode/images/home.png); */
+  background-image: url(https://gss0.baidu.com/94o3dSag_xI4khGko9WTAnF6hhy/zhidao/pic/item/2934349b033b5bb5092b9c0d3bd3d539b700bc41.jpg);
+  background-size: 100% 100%;
+}
+
+
+.main {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  width:80%;
+  margin: 0 auto;
+}
+
+.money {  
+  width:80%;
+  margin-bottom: 20rpx;
+}
+
+
+.qrcode {
+  width:90%;
+  margin-top:50rpx;
+}
+
+.user {
+  margin-top: 50rpx;
+  font-size: 50rpx;
+  color: #fff;
+}
+
+.title {
+  font-size: 40rpx;
+  color: #fff;
+  margin-top: 50rpx;
+}
+
+.imageBox {
+  margin-top: 50rpx;
+  height:100rpx;
+  width:90%;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.imageBox>view {
+  height:100rpx;
+  width:120rpx;
+  /* background-image: url(http://www.powerrain.cn/qrcode/images/money.png); */
+  background-image: url(https://gss0.baidu.com/9fo3dSag_xI4khGko9WTAnF6hhy/zhidao/pic/item/b64543a98226cffc74a50341b4014a90f703eab2.jpg);
+  background-size: cover;
+  /* background: red; */
+}
+
+.imageBox .wx {
+  background-position-x:-14rpx; 
+}
+
+.imageBox .al {
+  background-position-x:-141rpx;
+}
+
+.imageBox .qq {
+  background-position-x:-270rpx;
+}

project.config.json

@@ -0,0 +1,42 @@
+{
+	"description": "项目配置文件",
+	"packOptions": {
+		"ignore": []
+	},
+	"setting": {
+		"urlCheck": true,
+		"es6": true,
+		"postcss": true,
+		"minified": true,
+		"newFeature": true,
+		"autoAudits": false
+	},
+	"compileType": "miniprogram",
+	"libVersion": "2.4.3",
+	"appid": "wx0df150c438e4c8f0",
+	"projectname": "qrcode",
+	"debugOptions": {
+		"hidedInDevtools": []
+	},
+	"isGameTourist": false,
+	"simulatorType": "wechat",
+	"simulatorPluginLibVersion": {},
+	"condition": {
+		"search": {
+			"current": -1,
+			"list": []
+		},
+		"conversation": {
+			"current": -1,
+			"list": []
+		},
+		"game": {
+			"currentL": -1,
+			"list": []
+		},
+		"miniprogram": {
+			"current": -1,
+			"list": []
+		}
+	}
+}

sitemap.json

@@ -0,0 +1,7 @@
+{
+  "desc": "关于本文件的更多信息，请参考文档 https://developers.weixin.qq.com/miniprogram/dev/framework/sitemap.html",
+  "rules": [{
+  "action": "allow",
+  "page": "*"
+  }]
+}