调整个人中心

pages/user/_id/_type.vue

@@ -4,9 +4,11 @@
     <div class="userinfo">
       <img :src="info.icon_url" alt class="header-avatar" />
       <div class="header-nickname">{{info.nickname}}
-        <div class="tag">客栈主页</div>
+        <a :href='"//www.proginn.com/wo/"+uid'>
+          <div class="tag">客栈主页</div>
+        </a>
       </div>
-      <div class="header-title">{{info.title}}</div>
+      <div class="header-title">{{info.jishuquan_description}} <i class="el-icon-edit-outline" id="icon-edit" @click="edit"></i></div>
       <div class="count-infos">
         <div class="info">
           {{idInfo.topics_count}}
@@ -119,9 +121,9 @@
           </div>
         </div>
         <div v-if="item == 'video'">
-          <div class="btn-add">
-            + 添加视频
-          </div>
+            <div class="btn-add" @click="addVideo">
+              + 添加视频
+            </div>
           <div class="video2" v-for="item in list" v-if="item == 'video'">
             <div class="video-box">
               <div class="video-img">
@@ -290,9 +292,7 @@
         <el-pagination v-if="$store.state.isPC" background layout="prev, pager, next" :total="listCount" :page-size="10"
           :current-page="currentPage" @current-change="changePagination"></el-pagination>
       </div>
-
     </div>
-
   </div>
 </template>
 <script>
@@ -362,6 +362,45 @@
       this.getList()
     },
     methods: {
+      edit() {
+        this.$prompt('请输入签名', '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          inputErrorMessage: '签名错误，需要在10-150字之间'
+        }).then(({
+          value
+        }) => {
+          this.$axios.$post(
+            '/api/jishuquan/update_desc',
+            {
+              description:value
+            }
+          ).then((res)=>{
+            console.log(res)
+            if(res.status >= 0){
+              this.getDetail()
+              this.$message({
+                type: 'success',
+                message: '更新成功'
+              });
+            }else{
+              this.$message({
+                type: 'info',
+                message: '更新失败'
+              });
+            }
+          });
+        }).catch(() => {
+          //取消输入
+        });
+      },
+      addVideo() {
+        if (this.$store.state.isPC) {
+          this.$router.push("/user2")
+        } else {
+          this.$router.push("/user/new_video")
+        }
+      },
       addArticle() {
         if (this.$store.state.isPC) {
           this.$router.push("/topics/create")
@@ -476,7 +515,7 @@
           if (!list.length) {
             this.noMore = true;
             return;
-          }else{
+          } else {
             let list2 = this.list
             this.list = list2.concat(list)
           }
@@ -605,6 +644,16 @@
 <style lang='less' scoped>
   @max768: ~"(max-width: 768px)";
 
+  .header-title {
+    color: rgba(255, 255, 255, 0.9);
+    font-size: 13px;
+    line-height: 18px;
+  }
+
+  #icon-edit:hover {
+    font-size: 14px;
+  }
+
   .btn-add:hover {
     cursor: pointer;
     background: rgba(48, 142, 255, 0.2);

yarn.lock

@@ -2484,6 +2484,15 @@ cli-boxes@^2.2.0:
   resolved "https://registry.npm.taobao.org/cli-boxes/download/cli-boxes-2.2.0.tgz#538ecae8f9c6ca508e3c3c95b453fe93cb4c168d"
   integrity sha1-U47K6PnGylCOPDyVtFP+k8tMFo0=
 
+clipboard@^2.0.6:
+  version "2.0.6"
+  resolved "https://registry.npm.taobao.org/clipboard/download/clipboard-2.0.6.tgz?cache=0&sync_timestamp=1583389667105&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fclipboard%2Fdownload%2Fclipboard-2.0.6.tgz#52921296eec0fdf77ead1749421b21c968647376"
+  integrity sha1-UpISlu7A/fd+rRdJQhshyWhkc3Y=
+  dependencies:
+    good-listener "^1.2.2"
+    select "^1.1.2"
+    tiny-emitter "^2.0.0"
+
 cliui@^2.1.0:
   version "2.1.0"
   resolved "https://registry.npm.taobao.org/cliui/download/cliui-2.1.0.tgz#4b475760ff80264c762c3a1719032e91c7fea0d1"
@@ -3302,6 +3311,11 @@ delayed-stream@~1.0.0:
   resolved "https://registry.npm.taobao.org/delayed-stream/download/delayed-stream-1.0.0.tgz#df3ae199acadfb7d440aaae0b29e2272b24ec619"
   integrity sha1-3zrhmayt+31ECqrgsp4icrJOxhk=
 
+delegate@^3.1.2:
+  version "3.2.0"
+  resolved "https://registry.npm.taobao.org/delegate/download/delegate-3.2.0.tgz#b66b71c3158522e8ab5744f720d8ca0c2af59166"
+  integrity sha1-tmtxwxWFIuirV0T3INjKDCr1kWY=
+
 delegates@^1.0.0:
   version "1.0.0"
   resolved "https://registry.npm.taobao.org/delegates/download/delegates-1.0.0.tgz#84c6e159b81904fdca59a0ef44cd870d31250f9a"
@@ -4231,6 +4245,13 @@ globule@^1.0.0:
     lodash "~4.17.12"
     minimatch "~3.0.2"
 
+good-listener@^1.2.2:
+  version "1.2.2"
+  resolved "https://registry.npm.taobao.org/good-listener/download/good-listener-1.2.2.tgz#d53b30cdf9313dffb7dc9a0d477096aa6d145c50"
+  integrity sha1-1TswzfkxPf+33JoNR3CWqm0UXFA=
+  dependencies:
+    delegate "^3.1.2"
+
 got@^6.7.1:
   version "6.7.1"
   resolved "https://registry.npm.taobao.org/got/download/got-6.7.1.tgz?cache=0&sync_timestamp=1582184421462&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fgot%2Fdownload%2Fgot-6.7.1.tgz#240cd05785a9a18e561dc1b44b41c763ef1e8db0"
@@ -7812,6 +7833,11 @@ scss-tokenizer@^0.2.3:
     js-base64 "^2.1.8"
     source-map "^0.4.2"
 
+select@^1.1.2:
+  version "1.1.2"
+  resolved "https://registry.npm.taobao.org/select/download/select-1.1.2.tgz#0e7350acdec80b1108528786ec1d4418d11b396d"
+  integrity sha1-DnNQrN7ICxEIUoeG7B1EGNEbOW0=
+
 semver-diff@^2.0.0:
   version "2.1.0"
   resolved "https://registry.npm.taobao.org/semver-diff/download/semver-diff-2.1.0.tgz?cache=0&sync_timestamp=1571064474000&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fsemver-diff%2Fdownload%2Fsemver-diff-2.1.0.tgz#4bbb8437c8d37e4b0cf1a68fd726ec6d645d6d36"
@@ -8603,6 +8629,11 @@ timsort@^0.3.0:
   resolved "https://registry.npm.taobao.org/timsort/download/timsort-0.3.0.tgz#405411a8e7e6339fe64db9a234de11dc31e02bd4"
   integrity sha1-QFQRqOfmM5/mTbmiNN4R3DHgK9Q=
 
+tiny-emitter@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.npm.taobao.org/tiny-emitter/download/tiny-emitter-2.1.0.tgz#1d1a56edfc51c43e863cbb5382a72330e3555423"
+  integrity sha1-HRpW7fxRxD6GPLtTgqcjMONVVCM=
+
 to-arraybuffer@^1.0.0:
   version "1.0.1"
   resolved "https://registry.npm.taobao.org/to-arraybuffer/download/to-arraybuffer-1.0.1.tgz#7d229b1fcc637e466ca081180836a7aabff83f43"