11、1

src/main/pc-space/src/components/LoginInfo.vue

@@ -14,7 +14,7 @@
                         <span class="el-icon-mobile-phone"></span>
                         <el-input style="width: 300px" v-model="form.phone" placeholder="请输入手机号"></el-input>
                     </el-form-item>
-                    <div @keyup.enter="Login2">
+                    <div @keyup.enter="Login">
                         <el-form-item prop="password" :rules="{ required: true, message: '请输入', trigger: 'blur' }">
                             <span class="el-icon-unlock"></span>
                             <el-input
@@ -61,7 +61,7 @@
                     <el-link type="danger" v-if="!phoneLogin" @click="passwordFn">忘记密码？</el-link>
                 </div>
                 <div class="sub-btn">
-                    <div v-if="!phoneLogin" @click="Login2" class="btn1">登录</div>
+                    <div v-if="!phoneLogin" @click="Login" class="btn1">登录</div>
                     <div class="btn1" v-else @click="loginPhone">登录</div>
                     <el-button
                         style="background: #f2f3f5; color: #292c33"
@@ -218,7 +218,7 @@ export default {
                     return this.$store.dispatch('getUserInfo');
                 });
         },
-        Login2() {
+        Login() {
             this.check().then(() => {
                 this.$toast.success('登录成功');
                 this.Show = false;

src/main/pc-space/src/components/RegisterInfo.vue

@@ -119,6 +119,13 @@ export default {
         Login() {
             this.$emit('init');
         },
+        // 验证码
+        send() {
+            this.sendMsg(this.form.phone);
+        },
+        handleClose() {
+            this.$emit('refreash');
+        },
         // 注册
         doRegister() {
             this.$http;
@@ -148,13 +155,6 @@ export default {
                 );
             });
         },
-        // 验证码
-        send() {
-            this.sendMsg(this.form.phone);
-        },
-        handleClose() {
-            this.$emit('refreash');
-        },
         // 修改密码
         passwordFn2() {
             this.verifyMsg(this.form.phone, this.form.code)

src/main/pc-space/src/components/SearchInfo.vue

@@ -1,28 +1,42 @@
 <template>
-    <div class="search">
+    <div class="search1">
         <el-input
             class="search"
             prefix-icon="el-icon-search"
-            placeholder="请输入您想找到的作者名称…"
+            placeholder="请输入您想找到的作品名称…"
             v-model="search"
             clearable
+            @change="onSearch"
         >
         </el-input>
-        <el-dropdown @command="onCommand">
-            <el-button type="primary"> 综合排序<i class="el-icon-arrow-down el-icon--right"></i> </el-button>
-            <el-dropdown-menu slot="dropdown">
-                <el-dropdown-item>黄金糕</el-dropdown-item>
-                <el-dropdown-item>狮子头</el-dropdown-item>
-                <el-dropdown-item>螺蛳粉</el-dropdown-item>
-            </el-dropdown-menu>
-        </el-dropdown>
+        <el-select class="select" v-model="sortStr" placeholder="请选择">
+            <el-option v-for="item in sortList" :key="item.value" :label="item.label" :value="item.value"> </el-option>
+        </el-select>
     </div>
 </template>
 <script>
 export default {
     data() {
         return {
-            search: ''
+            search: '',
+            sortList: [
+                {
+                    label: '综合排序',
+                    value: 'createdAt,desc'
+                },
+                {
+                    label: '热门排序',
+                    value: 'likes,desc'
+                },
+                {
+                    label: '价格降序',
+                    value: 'price,desc'
+                },
+                {
+                    label: '价格升序',
+                    value: 'price,asc'
+                }
+            ]
         };
     },
     methods: {
@@ -31,7 +45,7 @@ export default {
 };
 </script>
 <style lang="less" scoped>
-.search {
+.search1 {
     height: 124px;
     display: flex;
     align-items: center;