feat: 新增 圈子列表, 搜索圈子, 调整 HeadTop 组件样式

slimkit · Dec 19, 2017 · 6615404 · 6615404
1 parent 2096dec
commit 6615404
Show file tree

Hide file tree

Showing 10 changed files with 313 additions and 114 deletions.
diff --git a/src_v2/components/HeadTop.vue b/src_v2/components/HeadTop.vue
@@ -73,6 +73,7 @@ export default {
         border-bottom-color: transparent;
         color: #fff;
     }
+
     &+* {
         padding-top: 90px;
     }
@@ -143,5 +144,31 @@ export default {
             }
         }
     }
+    &-cancel {
+        color: #59b6d7;
+    }
+
+    &-search {
+        display: flex;
+        padding: 0 10px;
+        align-items: center;
+        justify-content: flex-start;
+        width: 600px;
+        height: 55px;
+        background-color: #f4f5f5;
+        border-radius: 10px;
+        &-icon.v-icon {
+            color: #999;
+            width: 28px;
+            height: 28px;
+        }
+
+        &-input {
+            margin-left: 15px;
+            flex: 1 1 auto;
+            height: 100%;
+            background: none;
+        }
+    }
 }
 </style>
diff --git a/src_v2/components/common/svgIcon.vue b/src_v2/components/common/svgIcon.vue
@@ -46,8 +46,7 @@
             <!-- feed tool icon End -->
             <!-- 图片占位图 -->
             <symbol viewBox='0 0 24 24'>
-                <rect width="300" height="100" fill='#ccc' />
-            </symbol>
+                <rect width="300" height="100" fill='#ccc' /> </symbol>
             <!-- 图片占位图 End -->
             <!-- 三方登录 icons -->
             <symbol viewBox="0 0 24 24" id='tr-wechat'>
@@ -77,6 +76,16 @@
             </symbol>
             <!-- 三方登录 icons End -->
             <!-- Base icons -->
+            <symbol viewBox="0 0 24 24" id='base-circle-time'>
+                <g>
+                    <path class="st14" d="M12,23C5.9,23,1,18.1,1,12c0-0.4,0.3-0.7,0.7-0.7s0.7,0.3,0.7,0.7c0,5.3,4.3,9.6,9.6,9.6 c5.3,0,9.6-4.3,9.6-9.6c0-5.3-4.3-9.6-9.6-9.6c-3.4,0-6.6,1.8-8.3,4.7C3.5,7.4,3.1,7.5,2.8,7.3C2.5,7.1,2.3,6.7,2.5,6.4 C4.5,3.1,8.1,1,12,1c6.1,0,11,4.9,11,11C23,18.1,18.1,23,12,23z" /> </g>
+                <g>
+                    <path class="st14" d="M5.6,8.5H2.1c-0.4,0-0.7-0.3-0.7-0.7V4.3c0-0.4,0.3-0.7,0.7-0.7s0.7,0.3,0.7,0.7v2.9h2.9 c0.4,0,0.7,0.3,0.7,0.7C6.3,8.2,6,8.5,5.6,8.5z" /> </g>
+                <g>
+                    <path class="st14" d="M15.9,13.6h-4.7c-0.4,0-0.7-0.3-0.7-0.7V7.2c0-0.4,0.3-0.7,0.7-0.7s0.7,0.3,0.7,0.7v5h4 c0.4,0,0.7,0.3,0.7,0.7S16.3,13.6,15.9,13.6z" /> </g>
+            </symbol>
+            <symbol viewBox="0 0 24 24" id='base-refresh'>
+                <path class="st0" d="M22.5,12.7h-1.5c0-0.2,0-0.5,0-0.7c0-5.1-4.1-9.2-9.2-9.2c-1.6,0-3.3,0.4-4.7,1.3C6.9,4.3,6.8,4.7,7,5.1 C7.2,5.5,7.7,5.6,8,5.4c1.2-0.7,2.5-1.1,3.9-1.1c4.2,0,7.6,3.4,7.6,7.6c0,0.2,0,0.5,0,0.7h-1.8c-0.4,0-0.6,0.6-0.3,1l2.4,3.3 c0.2,0.2,0.5,0.2,0.6,0l2.4-3.3C23.1,13.3,22.9,12.7,22.5,12.7L22.5,12.7z M16.8,18.4c-0.2,0-0.4,0-0.6,0.1c-1.2,0.7-2.6,1.1-4,1.1 c-4.2,0-7.6-3.4-7.6-7.5h1.7c0.4,0,0.6-0.6,0.3-1L4.2,7.8C4,7.5,3.7,7.5,3.5,7.8l-2.4,3.3c-0.3,0.4-0.1,1,0.3,1H3 c0.1,5,4.2,9.1,9.2,9.1c1.7,0,3.4-0.5,4.8-1.4c0.4-0.2,0.5-0.7,0.3-1.1C17.1,18.6,17,18.5,16.8,18.4L16.8,18.4z M16.8,18.4" /> </symbol>
             <symbol viewBox="0 0 24 24" id='base-share'>
                 <path d="M22.3,13.6c-0.4,0-0.7,0.3-0.7,0.7v5c0,1.4-1.1,2.5-2.5,2.5H4.8c-1.4,0-2.5-1.1-2.5-2.5V5 c0-1.4,1.1-2.5,2.5-2.5h5c0.4,0,0.7-0.3,0.7-0.7s-0.3-0.7-0.7-0.7h-5C2.7,1.1,1,2.8,1,4.8v14.3C1,21.2,2.7,23,4.8,23h14.3 c2.1,0,3.8-1.7,3.8-3.8v-5C22.9,13.9,22.6,13.6,22.3,13.6z" />
                 <path d="M21.5,1.2h-8c-0.4,0-0.7,0.3-0.7,0.7s0.3,0.7,0.7,0.7h7.1L9.9,13.3c-0.1,0.1-0.2,0.3-0.2,0.5s0.1,0.3,0.2,0.5 c0.1,0.1,0.3,0.2,0.5,0.2s0.3-0.1,0.5-0.2L21.6,3.6v7.1c0,0.4,0.3,0.7,0.7,0.7s0.7-0.3,0.7-0.7v-8C22.9,1.8,22.3,1.2,21.5,1.2z" /> </symbol>
@@ -138,11 +147,9 @@
                 <image width="100%" height="100%" xlink:href="data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAANIAAADSCAYAAAA/mZ5CAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTYyRDdFODFCMjJGMTFFNzlDOUY5QkMyQjc1OTU3ODUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTYyRDdFODJCMjJGMTFFNzlDOUY5QkMyQjc1OTU3ODUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxNjJEN0U3RkIyMkYxMUU3OUM5RjlCQzJCNzU5NTc4NSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxNjJEN0U4MEIyMkYxMUU3OUM5RjlCQzJCNzU5NTc4NSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ppc2BNUAAB8+SURBVHja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" transform="matrix(1 0 0 1 0 0)" /> </symbol>
             <symbol viewBox='0 0 24 24' id='location-arrow'>
                 <g>
-                    <path fill='#999999' d="M13.6,23L23,1L1,10.4l10.7,1.9L13.6,23z M13.6,23" />
-                </g>
+                    <path fill='#999999' d="M13.6,23L23,1L1,10.4l10.7,1.9L13.6,23z M13.6,23" /> </g>
                 <g>
-                    <path fill='#b2b2b2' d="M12,12L23,1L1,10.4l10.7,1.9L12,12z" />
-                </g>
+                    <path fill='#b2b2b2' d="M12,12L23,1L1,10.4l10.7,1.9L12,12z" /> </g>
             </symbol>
             <symbol viewBox='0 0 24 24' id='base-back'>
                 <g>
@@ -325,6 +332,5 @@ export default { name: 'svgIcon' }
 }
 
 
-
 /*#group-add {.st0 {fill: #4A4D5E; } .st1 {fill: #FFFFFF; } .st2 {fill: #333333; } .st3 {fill: #999999; } }*/
 </style>
diff --git a/src_v2/page/common/chooseLocation.vue b/src_v2/page/common/chooseLocation.vue
@@ -1,10 +1,10 @@
 <template>
     <div class="page-location">
-        <head-top :append='true' title='1'>
-            <div slot='append' class="location-top-cancel" @click='$router.go(-1)'>取消</div>
-            <div slot='title' class="location-search">
-                <v-icon type='base-search' class='location-search-icon'></v-icon>
-                <input class="location-search-input" type="text" v-model='keyword' placeholder="搜索" @input="search">
+        <head-top :append='true' title='选择定位'>
+            <div slot='append' class="head-top-cancel" @click='$router.go(-1)'>取消</div>
+            <div slot='title' class="head-top-search">
+                <v-icon type='base-search' class='head-top-search-icon'></v-icon>
+                <input class="head-top-search-input" type="text" v-model='keyword' placeholder="搜索" @input="search">
             </div>
         </head-top>
         <!-- 保留此空 div -->
@@ -197,44 +197,17 @@ export default {
 }
 
 .@{location-prefix} {
-    &-top-cancel {
-        color: #59b6d7;
-    }
-
-    &-search {
-        display: flex;
-        padding: 0 10px;
-        align-items: center;
-        justify-content: flex-start;
-        width: 600px;
-        height: 55px;
-        background-color: #f4f5f5;
-        border-radius: 10px;
-        &-icon {
-            color: #999;
-            width: 25px;
-            height: 25px;
-        }
-
-        &-input {
-            margin-left: 15px;
-            flex: 1 1 auto;
-            height: 100%;
-            background: none;
-        }
-
-        &-list {
-            background-color: #fff;
-            padding: 0 30px;
-            &-item {
-                border-bottom: 1px solid #ededed;
-                /*no*/
-                width: 100%;
-                height: 100px;
-                line-height: 98px;
-                font-size: 30px;
-                color: #333;
-            }
+    &-search-list {
+        background-color: #fff;
+        padding: 0 30px;
+        &-item {
+            border-bottom: 1px solid #ededed;
+            /*no*/
+            width: 100%;
+            height: 100px;
+            line-height: 98px;
+            font-size: 30px;
+            color: #333;
         }
     }