From a78dca1a0c048229c7955401b7ba4235428f8bea Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?lemon=E6=A9=AA?= <17633066053@163.com>
Date: Thu, 9 Sep 2021 14:50:51 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E7=AC=AC=E4=B8=89=E6=96=B9?=
 =?UTF-8?q?=E7=99=BB=E5=BD=95=E6=97=B6=20=E8=8B=B9=E6=9E=9C=E5=AE=A1?=
 =?UTF-8?q?=E6=A0=B8=E4=B8=8D=E5=90=8C=E8=BF=87=E5=8E=9F=E5=9B=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/passport/onClickLogin.vue |  40 ++++++++++++++++----------------
 static/appleidButton@2x.png     | Bin 0 -> 1042 bytes
 2 files changed, 20 insertions(+), 20 deletions(-)
 create mode 100644 static/appleidButton@2x.png

diff --git a/pages/passport/onClickLogin.vue b/pages/passport/onClickLogin.vue
index 550cc91..a87bd30 100644
--- a/pages/passport/onClickLogin.vue
+++ b/pages/passport/onClickLogin.vue
@@ -3,11 +3,13 @@
     <u-form ref="validateCodeForm">
       <div class="login-list">
         <!-- 循环出当前可使用的第三方登录模式 -->
-        <div class="login-item" v-for="(item,index) in loginList" :key="index">
-          <u-icon :color="item.color" size="80" :name="item.icon" @click="navigateLogin(item)"></u-icon>
+        <div :style="{background:item.color}" class="login-item" v-for="(item,index) in loginList" :key="index">
+          <u-icon v-if="item.title!='APPLE'" color="#fff" size="42" :name="item.icon" @click="navigateLogin(item)"></u-icon>
+           <u-image v-else src="/static/appleidButton@2x.png" :lazy-load="false" width="80" height="80" />
         </div>
       </div>
-      <view :style="{color:aiderLightColor}"  class="text-tips cell" @click="clickCodeLogin">账号密码登录</view>
+
+      <view :style="{color:aiderLightColor}" class="text-tips cell" @click="clickCodeLogin">账号密码登录</view>
     </u-form>
   </div>
 </template>
@@ -25,13 +27,13 @@ export default {
       aiderLightColor: this.$aiderLightColor,
       loginList: [
         {
-          icon: "weixin-circle-fill",
+          icon: "weixin-fill",
           color: "#00a327",
           title: "微信",
           code: "WECHAT",
         },
         {
-          icon: "qq-circle-fill",
+          icon: "qq-fill",
           color: "#38ace9",
           title: "QQ",
           code: "QQ",
@@ -78,7 +80,7 @@ export default {
               title = "QQ";
               code = "QQ";
               break;
-            case "apple":
+               case "apple":
               icon = "apple-fill";
               color = "#000000";
               title = "Apple";
@@ -275,22 +277,20 @@ export default {
 <style lang="scss" scoped>
 @import url("./login.scss");
 
-.submit {
-  margin: 80rpx 0 40rpx 0;
+.login-list {
+  margin: 140rpx 0;
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
 }
 
-.login-list {
+.login-item {
+  width: 80rpx;
+
+  border-radius: 10rpx;
+  height: 80rpx;
   display: flex;
-  padding: 40rpx 0;
-  justify-content: space-between;
-
-  .login-item {
-    font-size: 24rpx;
-    text-align: center;
-
-    > * {
-      margin: 4rpx 0;
-    }
-  }
+  justify-content: center;
+  align-items: center;
 }
 </style>
diff --git a/static/appleidButton@2x.png b/static/appleidButton@2x.png
new file mode 100644
index 0000000000000000000000000000000000000000..8e0c1a4f7c5fd94cbd574d43e721ae7578bc10cb
GIT binary patch
literal 1042
zcmV+t1nv8YP)<h;3K|Lk000e1NJLTq002+`002-31^@s6juG;$00001b5ch_0Itp)
z=>Px&%t=H+RCt{2oIQ`@L>Pdd1WvjF#B?WdpfyxidMi3KAkiVMp+-usMq={=DDnd+
z%rA(40Wn+y4RI)`+}$-uPI1R|aRkyGAl*<n8?i~e**mZ2^@Mq(w@BiQ-#nfVdpvQE
zt9c7J13m}t0dE6u9{7&y`~f@$9s%D0KLD$jE#waHE$|F5|MPeT#A_$l;!`T)(usF1
zR#dIAmL4z$UUVSYuEq=C>$R&LzUV-LuEhOqc^?D+bRaQT;&0#+fc{$GSHSDrRz0=c
z0=|T*E#Cotr>0$dYB9jwKJXb{-mB09&Rzq)0RrJ<T;)~|D5<VEJTK3x58Rf{!eMUr
zs5(Q>E7Cu_iRUW3z=n8%4e<gS;srLuIe}VhCX)$q980INL3(E6TA`FO)9KV)kfy14
zPJnS@21Y5xY&Ihd!_9kHmI-Eb8S$fdD6%Xw+k{~#p4U3W6Sy*l!{Ls+EX&06az@~G
z?JLXD1VJF4mooyl<#nj(x+AbGOOqstQA&yDvmKq7jnP_TOqIrBv7ji5&1XRnTzajw
z=H%pL^ZtB3zx25TB1cXsWhRq}SuU45gT!n$GlRikvuzlLwcB27ueFw{h4yzEhGDIY
zCY+z2AHTpb3~yZAe;E#kR)3GxYhk4n)9JLe@)wH*d7igcejV11)_6Q_t>%?wDK$#l
z+gVwbtqDB(L8Q&TFVAx+dG`81t#xZ<CrQ#;*@v(uP$|_~*%AZC1xF!J5^Dm>vb41;
zt2lR0WFJ8ww>Ii11P%rR(fwN)?zPsfoyHg=cOGbUI?I^$c2yJwr>CdZ`&z3_cs`%E
zR(22sJ9qAEVXeB4Mx$1nu`$LhmrD~x(eYi0fSoG_iStdXoo<pOt=7PzC~OZTb_E{W
zgsOFcZPr48+9xAWDb>o{pwPLXeSv_9qUc8D#c?e1JH!OS%}w!3PN<3s1WX*qd!?jl
zYR2QS(OR3)Xk?Nk+1u>1EE8R^(211^Q52!ICI|wuEF(?Ry{iqBQbbX-x!TC{Ty!=X
zsz1z$3v`*In9h>K3v7rN*bpzUAzolZyugNdferBj8{!2v#0zYQ7uXOlupwSxL%hI-
z^nt&mlW>?-A9yOAg~L4U19IzQ-RDss=+1xV-Q&j|)$^erN@wCI@Aau3IQ^4!CJypF
zu(|Vf4|tC7El!8xIq=T5(fb`p%$2BJls)c1a$S#coxBUq@Q;Gu7b~jA<X?+-fd?H(
zx-0Qu?PP~Tk3aqp_z3s_cptb6ym8<=uJb4G1o#d375EwWrEcSY0j8SUnztkiasU7T
M07*qoM6N<$f*ttgJOBUy

literal 0
HcmV?d00001