微信登录

app/Http/Controllers/Api/mini/AuthController.php

@@ -31,7 +31,6 @@ class AuthController extends BaseController
                 if(isset($data['openId'])) {
                     $user = User::where('open_id', $data['openId'])->first();
                     if(empty($user)) return $this->error(['msg' => '用户不存在，请先绑定账户']);
-                    return $data;
                     $user->update([
                         'nickname' => $data['nickName'],
                         'avatar' => $data['avatarUrl']

mini/app.json

@@ -16,6 +16,7 @@
     "van-field": "@vant/weapp/field/index",
     "van-divider": "@vant/weapp/divider/index",
     "navbar": "/components/navbar",
-    "van-icon": "@vant/weapp/icon/index"
+    "van-icon": "@vant/weapp/icon/index",
+    "van-search": "@vant/weapp/search/index"
   }
 }

mini/app.wxss

@@ -9,6 +9,9 @@
 .sg-pad-top {
   padding-top: 30rpx;
 }
+.sg-pad {
+  padding: 30rpx;
+}
 .sg-pad-lg {
   padding: 50rpx;
   box-sizing: border-box;
@@ -42,4 +45,19 @@
 }
 .sg-index-bg {
   background-color: #5693FC;
+}
+.sg-index-color {
+  color: #5693FC;
+}
+.sg-avatar {
+  width: 100rpx;
+  border-radius: 50%;
+  border: 2px solid white;
+}
+.sg-icon {
+  font-size: 1.5rem;
+}
+.sg-header {
+  font-size: 1.2rem;
+  font-weight: bold;
 }

mini/pages/index/index.js

@@ -7,7 +7,8 @@ Page({
     motto: 'Hello World',
     userInfo: {},
     hasUserInfo: false,
-    canIUse: wx.canIUse('button.open-type.getUserInfo')
+    canIUse: wx.canIUse('button.open-type.getUserInfo'),
+    keyword: ''
   },
   //事件处理函数
   bindViewTap: function() {

mini/pages/index/index.wxml

@@ -1,25 +1,32 @@
 <!--index.wxml-->
 <view class="sg-container">
   <view class="sg-top-box sg-index-bg">
-    <view class="sg-top-item">
-      <van-icon name="edit" />
+    <view class="sg-top-item sg-font-small">
+      <van-icon name="edit" class="sg-icon"/>
       <view class="sg-top-name">新建项目</view>
     </view>
-    <view class="sg-top-item">
-      <van-icon name="user-o" />
+    <view class="sg-top-item sg-font-small">
+      <van-icon name="user-o" class="sg-icon"/>
       <view class="sg-top-name">成员添加</view>
     </view>
-    <view class="sg-top-item sg-right-border">
-      <van-icon name="delete" />
+    <view class="sg-top-item sg-font-small">
+      <van-icon name="delete" class="sg-icon"/>
       <view class="sg-top-name">草稿箱</view>
     </view>
-    <view class="sg-top-item">
-      <van-icon name="comment-o" />
+    <view class="sg-top-item sg-font-small sg-right-border">
+      <van-icon name="comment-o" class="sg-icon"/>
       <view class="sg-top-name">消息提示</view>
     </view>
-    <view class="sg-top-item">
+    <view class="sg-top-item sg-font-small">
       <image class="sg-avatar" src="{{ userInfo.avatar }}" mode="widthFix"></image>
     </view>
   </view>
+  <view class="sg-search-box sg-shadow">
+    <van-icon name="search" class="sg-index-color sg-search-icon"/>
+    <input class="sg-search-input" placeholder="搜索相关项目"></input>
+  </view>
+  <view class="sg-box sg-pad">
+    <view class="sg-header">所有项目</view>
+  </view>
   <navbar></navbar>
 </view>

mini/pages/index/index.wxss

@@ -4,4 +4,32 @@
   display: flex;
   align-items: center;
   justify-content: space-around;
+  padding: 50rpx 0 100rpx 0;
+}
+.sg-top-item  {
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+  justify-content: center;
+  padding: 0 20rpx;
+}
+.sg-top-item .sg-top-name {
+  margin-top: 15rpx;
+}
+.sg-right-border {
+  border-right: 1px solid white;
+}
+.sg-search-box {
+  margin: -50rpx 30rpx 0 30rpx;
+  display: flex;
+  align-items: center;
+  background: white;
+  border-radius: 50rpx;
+  padding: 15rpx 20rpx;
+}
+.sg-search-icon {
+  margin-right: 20rpx;
+}
+.sg-search-box .sg-search-input {
+  flex-grow: 1;
 }