From 1b8587a47987d6459e110428fe60cbd2a4bd5247 Mon Sep 17 00:00:00 2001
From: Pan <panfree23@gmail.com>
Date: Fri, 7 Sep 2018 11:14:59 +0800
Subject: [PATCH] refine style

---
 src/views/clipboard/index.vue    |  4 ++--
 src/views/errorPage/401.vue      |  1 +
 src/views/i18n-demo/index.vue    |  5 +++--
 src/views/login/index.vue        |  1 +
 src/views/login/socialsignin.vue | 24 +++++++++++++-----------
 src/views/theme/index.vue        |  1 +
 6 files changed, 21 insertions(+), 15 deletions(-)

diff --git a/src/views/clipboard/index.vue b/src/views/clipboard/index.vue
index 0a4c63f2..607dfb66 100644
--- a/src/views/clipboard/index.vue
+++ b/src/views/clipboard/index.vue
@@ -2,11 +2,11 @@
   <div class="app-container">
     <el-tabs v-model="activeName">
       <el-tab-pane label="use clipboard  directly" name="directly">
-        <el-input v-model="inputData" placeholder="Please input" style="width:400px;"/>
+        <el-input v-model="inputData" placeholder="Please input" style="width:400px;max-width:100%;"/>
         <el-button type="primary" icon="document" @click="handleCopy(inputData,$event)">copy</el-button>
       </el-tab-pane>
       <el-tab-pane label="use clipboard by v-directive" name="v-directive">
-        <el-input v-model="inputData" placeholder="Please input" style="width:400px;"/>
+        <el-input v-model="inputData" placeholder="Please input" style="width:400px;max-width:100%;"/>
         <el-button v-clipboard:copy="inputData" v-clipboard:success="clipboardSuccess" type="primary" icon="document">copy</el-button>
       </el-tab-pane>
     </el-tabs>
diff --git a/src/views/errorPage/401.vue b/src/views/errorPage/401.vue
index d43be52d..24420126 100644
--- a/src/views/errorPage/401.vue
+++ b/src/views/errorPage/401.vue
@@ -53,6 +53,7 @@ export default {
 <style rel="stylesheet/scss" lang="scss" scoped>
   .errPage-container {
     width: 800px;
+    max-width: 100%;
     margin: 100px auto;
     .pan-back-btn {
       background: #008489;
diff --git a/src/views/i18n-demo/index.vue b/src/views/i18n-demo/index.vue
index 788558ba..22f5646c 100644
--- a/src/views/i18n-demo/index.vue
+++ b/src/views/i18n-demo/index.vue
@@ -15,7 +15,7 @@
     </el-card>
 
     <el-row :gutter="20" style="margin:100px 15px 50px;">
-      <el-col :span="12">
+      <el-col :span="12" :xs="24">
         <div class="block">
           <el-date-picker v-model="date" :placeholder="$t('i18nView.datePlaceholder')" type="date"/>
         </div>
@@ -37,7 +37,7 @@
           <el-button class="item-btn" size="small" type="danger">{{ $t('i18nView.danger') }}</el-button>
         </div>
       </el-col>
-      <el-col :span="12">
+      <el-col :span="12" :xs="24">
         <el-table :data="tableData" fit highlight-current-row border style="width: 100%">
           <el-table-column :label="$t('i18nView.tableName')" prop="name" width="100" align="center"/>
           <el-table-column :label="$t('i18nView.tableDate')" prop="date" width="120" align="center"/>
@@ -103,6 +103,7 @@ export default {
 <style scoped>
 .box-card {
   width: 600px;
+  max-width: 100%;
   margin: 20px auto;
 }
 .item-btn{
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index 5a09702a..b2e61021 100644
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -213,6 +213,7 @@ $light_gray:#eee;
     left: 0;
     right: 0;
     width: 520px;
+    max-width: 100%;
     padding: 35px 35px 15px 35px;
     margin: 120px auto;
   }
diff --git a/src/views/login/socialsignin.vue b/src/views/login/socialsignin.vue
index de5ac1d2..194b854a 100644
--- a/src/views/login/socialsignin.vue
+++ b/src/views/login/socialsignin.vue
@@ -10,24 +10,26 @@
 </template>
 
 <script>
-import openWindow from '@/utils/openWindow'
+// import openWindow from '@/utils/openWindow'
 
 export default {
   name: 'SocialSignin',
   methods: {
     wechatHandleClick(thirdpart) {
-      this.$store.commit('SET_AUTH_TYPE', thirdpart)
-      const appid = 'xxxxx'
-      const redirect_uri = encodeURIComponent('xxx/redirect?redirect=' + window.location.origin + '/auth-redirect')
-      const url = 'https://open.weixin.qq.com/connect/qrconnect?appid=' + appid + '&redirect_uri=' + redirect_uri + '&response_type=code&scope=snsapi_login#wechat_redirect'
-      openWindow(url, thirdpart, 540, 540)
+      alert('ok')
+      // this.$store.commit('SET_AUTH_TYPE', thirdpart)
+      // const appid = 'xxxxx'
+      // const redirect_uri = encodeURIComponent('xxx/redirect?redirect=' + window.location.origin + '/auth-redirect')
+      // const url = 'https://open.weixin.qq.com/connect/qrconnect?appid=' + appid + '&redirect_uri=' + redirect_uri + '&response_type=code&scope=snsapi_login#wechat_redirect'
+      // openWindow(url, thirdpart, 540, 540)
     },
     tencentHandleClick(thirdpart) {
-      this.$store.commit('SET_AUTH_TYPE', thirdpart)
-      const client_id = 'xxxxx'
-      const redirect_uri = encodeURIComponent('xxx/redirect?redirect=' + window.location.origin + '/auth-redirect')
-      const url = 'https://graph.qq.com/oauth2.0/authorize?response_type=code&client_id=' + client_id + '&redirect_uri=' + redirect_uri
-      openWindow(url, thirdpart, 540, 540)
+      alert('ok')
+      // this.$store.commit('SET_AUTH_TYPE', thirdpart)
+      // const client_id = 'xxxxx'
+      // const redirect_uri = encodeURIComponent('xxx/redirect?redirect=' + window.location.origin + '/auth-redirect')
+      // const url = 'https://graph.qq.com/oauth2.0/authorize?response_type=code&client_id=' + client_id + '&redirect_uri=' + redirect_uri
+      // openWindow(url, thirdpart, 540, 540)
     }
   }
 }
diff --git a/src/views/theme/index.vue b/src/views/theme/index.vue
index f78825b7..9eec5f01 100644
--- a/src/views/theme/index.vue
+++ b/src/views/theme/index.vue
@@ -87,6 +87,7 @@ export default {
 }
 .box-card {
   width: 400px;
+  max-width: 100%;
   margin: 20px auto;
 }