我的qq 2038373094

我做的是微信小程序、网站、手机app，后端java+前端vue、bootstrap框架、原生的html+css+js都会

做过律师在线咨询系统、共享农场手机app、在线心理咨询系统

页面效果如下

 代码如下

login.wxml

<view>
  <view wx:if="{{login}}">
    <view class="ui-row" style="height:50px;">
      <view class="ui-col ui-col-align-center align-center valign-middle" style="flex:0 0 40px;">
        <view class="ui-col-content align-center valign-middle">
          <span type="comment" size="20" color="#545454" class="ui-icon icon-comment" style="color: #545454;font-size: 20px;"></span>
        </view>
      </view>
      <view class="text ui-col" style="">
        <view class="ui-col-content">
          用户名
        </view>
      </view>
    </view>
  </view>
  <view wx:else="" class="bg">
    <button type="warn" bindtap="submitHandler" size="mini" class="btn">还未登录</button>
  </view>
  <view class="info">
    <view class="ui-row-list ui-row-list-border-indent" style="">
      <view class="ui-row" style="height:50px;">
        <view class="ui-col ui-col-align-center align-center valign-middle" style="flex:0 0 40px;">
          <view class="ui-col-content align-center valign-middle">
            <span type="comment" size="20" color="#545454" class="ui-icon icon-comment" style="color: #545454;font-size: 20px;"></span>
          </view>
        </view>
        <view class="text ui-col" style="">
          <view class="ui-col-content">
            修改密码
          </view>
        </view>
        <view class="ui-col valign-middle" style="flex:0 0 25px;">
          <view class="ui-col-content valign-middle">
            <span type="arrow-right" class="ui-icon icon-arrow-right" style="font-size: 16px;"></span>
          </view>
        </view>
      </view>
      <view class="ui-row" style="height:50px;">
        <view class="ui-col ui-col-align-center align-center valign-middle" style="flex:0 0 40px;">
          <view class="ui-col-content align-center valign-middle">
            <span type="comment" size="20" color="#545454" class="ui-icon icon-comment" style="color: #545454;font-size: 20px;"></span>
          </view>
        </view>
        <view class="text ui-col" style="">
          <view class="ui-col-content">
            我的作业
          </view>
        </view>
        <view class="ui-col valign-middle" style="flex:0 0 25px;">
          <view class="ui-col-content valign-middle">
            <span type="arrow-right" class="ui-icon icon-arrow-right" style="font-size: 16px;"></span>
          </view>
        </view>
      </view>
    </view>

  </view>
</view>

login.wxss

.bg {
  width: 100%;
  height: 450rpx;
  background-color: #e0acc5;
}
.btn {
  margin-left: 250rpx;
  margin-top: 194rpx;
}
.info {
  margin-top: 50rpx;
}

login.js

'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});
//引入文件
exports.default = Page({
  data: {
    login: false
  },
  onLoad: function onLoad() {
    //判断一下存储的用户名
    var uname = wx.setStorageSync('uname');
    if (uname == null || uname == 'undefined') {
      this.login = false;
    } else {
      this.login = true;
    }
    //判断一下存储的用户名    
  }
});