YanaDH 8 年之前
父节点
当前提交
c6a8cc3590

+ 64 - 62
miaomiao/www/css/ionic.app.css

xqd xqd xqd xqd xqd xqd xqd xqd xqd xqd xqd xqd xqd xqd xqd xqd xqd xqd xqd xqd xqd xqd xqd xqd xqd xqd xqd xqd xqd xqd
@@ -6,7 +6,6 @@ in ionic's _variables.scss file.
 For example, you might change some of the default colors:
 
 $light:                           #fff !default;
-$stable:                          #f8f8f8 !default;
 $positive:                        #387ef5 !default;
 $calm:                            #11c1f3 !default;
 $balanced:                        #33cd5f !default;
@@ -3009,7 +3008,7 @@ time, mark, audio, video {
   border: 0;
   vertical-align: baseline;
   font: inherit;
-  font-size: 100%; }
+  font-size: 15px; }
 
 ol, ul {
   list-style: none; }
@@ -3335,7 +3334,7 @@ body,
   overflow: hidden;
   margin: 0;
   padding: 0;
-  color: #000;
+  color: #fff;
   word-wrap: break-word;
   font-size: 14px;
   font-family: -apple-system;
@@ -3946,14 +3945,14 @@ a.subdued {
     .bar.bar-positive.bar-footer {
       background-image: linear-gradient(180deg, #0c60ee, #0c60ee 50%, transparent 50%); }
   .bar.bar-calm {
-    border-color: #ff185f;
-    background-color: #ff4b82;
-    background-image: linear-gradient(0deg, #ff185f, #ff185f 50%, transparent 50%);
+    border-color: #00C3DA;
+    background-color: #00C3DA;
+    background-image: linear-gradient(0deg, #00C3DA, #00C3DA 50%, transparent 50%);
     color: #fff; }
     .bar.bar-calm .title {
       color: #fff; }
     .bar.bar-calm.bar-footer {
-      background-image: linear-gradient(180deg, #ff185f, #ff185f 50%, transparent 50%); }
+      background-image: linear-gradient(180deg, #00C3DA, #00C3DA 50%, transparent 50%); }
   .bar.bar-assertive {
     border-color: #e42112;
     background-color: #ef473a;
@@ -4157,13 +4156,13 @@ a.subdued {
 
 .bar-calm .button {
   border-color: transparent;
-  background-color: #ff4b82;
+  background-color: #00C3DA;
   color: #fff; }
   .bar-calm .button:hover {
     color: #fff;
     text-decoration: none; }
   .bar-calm .button.active, .bar-calm .button.activated {
-    background-color: #ff185f; }
+    background-color: #00C3DA; }
   .bar-calm .button.button-clear {
     border-color: transparent;
     background: none;
@@ -4403,14 +4402,14 @@ a.subdued {
 
 .tabs-calm > .tabs,
 .tabs.tabs-calm {
-  border-color: #ff185f;
-  background-color: #ff4b82;
-  background-image: linear-gradient(0deg, #ff185f, #ff185f 50%, transparent 50%);
+  border-color: #00C3DA;
+  background-color: #00C3DA;
+  background-image: linear-gradient(0deg, #00C3DA, #00C3DA 50%, transparent 50%);
   color: #fff; }
   .tabs-calm > .tabs .tab-item .badge,
   .tabs.tabs-calm .tab-item .badge {
     background-color: #fff;
-    color: #ff4b82; }
+    color: #00C3DA; }
 
 .tabs-assertive > .tabs,
 .tabs.tabs-assertive {
@@ -4538,7 +4537,7 @@ a.subdued {
   top: 4%; }
 
 .tabs-striped.tabs-calm .tabs {
-  background-color: #ff4b82; }
+  background-color: #00C3DA; }
 
 .tabs-striped.tabs-calm .tab-item {
   color: rgba(255, 255, 255, 0.4);
@@ -4658,7 +4657,7 @@ a.subdued {
   background-image: none; }
 
 .tabs-striped.tabs-background-calm .tabs {
-  background-color: #ff4b82;
+  background-color: #00C3DA;
   background-image: none; }
 
 .tabs-striped.tabs-background-assertive .tabs {
@@ -4730,8 +4729,8 @@ a.subdued {
     opacity: 0.4; }
   .tabs-striped.tabs-color-calm .tab-item.tab-item-active, .tabs-striped.tabs-color-calm .tab-item.active, .tabs-striped.tabs-color-calm .tab-item.activated {
     margin-top: -2px;
-    color: #ff4b82;
-    border: 0 solid #ff4b82;
+    color: #00C3DA;
+    border: 0 solid #00C3DA;
     border-top-width: 2px; }
     .tabs-striped.tabs-color-calm .tab-item.tab-item-active .badge, .tabs-striped.tabs-color-calm .tab-item.active .badge, .tabs-striped.tabs-color-calm .tab-item.activated .badge {
       top: 2px;
@@ -4827,9 +4826,9 @@ a.subdued {
 
 .tabs-background-calm .tabs,
 .tabs-background-calm > .tabs {
-  background-color: #ff4b82;
-  background-image: linear-gradient(0deg, #ff185f, #ff185f 50%, transparent 50%);
-  border-color: #ff185f; }
+  background-color: #00C3DA;
+  background-image: linear-gradient(0deg, #00C3DA, #00C3DA 50%, transparent 50%);
+  border-color: #00C3DA; }
 
 .tabs-background-assertive .tabs,
 .tabs-background-assertive > .tabs {
@@ -4900,8 +4899,8 @@ a.subdued {
   .tabs-color-calm .tab-item .badge {
     opacity: 0.4; }
   .tabs-color-calm .tab-item.tab-item-active, .tabs-color-calm .tab-item.active, .tabs-color-calm .tab-item.activated {
-    color: #ff4b82;
-    border: 0 solid #ff4b82; }
+    color: #00C3DA;
+    border: 0 solid #00C3DA; }
     .tabs-color-calm .tab-item.tab-item-active .badge, .tabs-color-calm .tab-item.active .badge, .tabs-color-calm .tab-item.activated .badge {
       opacity: 1; }
 
@@ -4978,7 +4977,7 @@ ion-tabs.tabs-color-active-positive .tab-item {
 ion-tabs.tabs-color-active-calm .tab-item {
   color: #444; }
   ion-tabs.tabs-color-active-calm .tab-item.tab-item-active, ion-tabs.tabs-color-active-calm .tab-item.active, ion-tabs.tabs-color-active-calm .tab-item.activated {
-    color: #ff4b82; }
+    color: #00C3DA; }
 
 ion-tabs.tabs-color-active-assertive .tab-item {
   color: #444; }
@@ -5092,7 +5091,8 @@ ion-tabs.tabs-color-active-dark .tab-item {
   display: block;
   margin: 0 auto;
   height: 32px;
-  font-size: 32px; }
+  padding-top:3px;
+  font-size: 26px; }
 
 .tabs-icon-left.tabs .tab-item,
 .tabs-icon-left > .tabs .tab-item,
@@ -5165,7 +5165,7 @@ ion-tabs.tabs-color-active-dark .tab-item {
   .tab-item.tab-item-active.tab-item-calm,
   .tab-item.active.tab-item-calm,
   .tab-item.activated.tab-item-calm {
-    color: #ff4b82; }
+    color: #00C3DA; }
   .tab-item.tab-item-active.tab-item-assertive,
   .tab-item.active.tab-item-assertive,
   .tab-item.activated.tab-item-assertive {
@@ -5712,8 +5712,8 @@ ion-tabs.tabs-color-active-dark .tab-item {
     background-color: #387ef5;
     color: #fff; }
   .item.item-calm {
-    border-color: #ff185f;
-    background-color: #ff4b82;
+    border-color: #00C3DA;
+    background-color: #00C3DA;
     color: #fff; }
   .item.item-assertive {
     border-color: #e42112;
@@ -5812,16 +5812,16 @@ ion-tabs.tabs-color-active-dark .tab-item {
   .item-complex.activated .item-content.item-calm,
   .item .item-content.active.item-calm,
   .item .item-content.activated.item-calm {
-    border-color: #ff185f;
-    background-color: #ff185f; }
+    border-color: #00C3DA;
+    background-color: #00C3DA; }
     .item.active.item-calm.item-complex > .item-content,
     .item.activated.item-calm.item-complex > .item-content,
     .item-complex.active .item-content.item-calm.item-complex > .item-content,
     .item-complex.activated .item-content.item-calm.item-complex > .item-content,
     .item .item-content.active.item-calm.item-complex > .item-content,
     .item .item-content.activated.item-calm.item-complex > .item-content {
-      border-color: #ff185f;
-      background-color: #ff185f; }
+      border-color: #00C3DA;
+      background-color: #00C3DA; }
   .item.active.item-assertive,
   .item.activated.item-assertive,
   .item-complex.active .item-content.item-assertive,
@@ -6023,15 +6023,15 @@ a.item-content {
       background-color: #0c60ee; }
 
 .item-complex.item-calm > .item-content {
-  border-color: #ff185f;
-  background-color: #ff4b82;
+  border-color: #00C3DA;
+  background-color: #00C3DA;
   color: #fff; }
   .item-complex.item-calm > .item-content.active, .item-complex.item-calm > .item-content:active {
-    border-color: #ff185f;
-    background-color: #ff185f; }
+    border-color: #00C3DA;
+    background-color: #00C3DA; }
     .item-complex.item-calm > .item-content.active.item-complex > .item-content, .item-complex.item-calm > .item-content:active.item-complex > .item-content {
-      border-color: #ff185f;
-      background-color: #ff185f; }
+      border-color: #00C3DA;
+      background-color: #00C3DA; }
 
 .item-complex.item-assertive > .item-content {
   border-color: #e42112;
@@ -6559,6 +6559,7 @@ button.item.item-button-right {
   padding-top: 1px;
   padding-bottom: 1px;
   padding-left: 0;
+  color: #000;
   margin-bottom: 20px; }
 
 .list:last-child {
@@ -6612,8 +6613,7 @@ button.item.item-button-right {
 .card .item:first-child,
 .list-inset .item:first-child,
 .padding > .list .item:first-child {
-  border-top-left-radius: 2px;
-  border-top-right-radius: 2px; }
+  border-radius: 2px;}
   .card .item:first-child .item-content,
   .list-inset .item:first-child .item-content,
   .padding > .list .item:first-child .item-content {
@@ -6691,7 +6691,7 @@ button.item.item-button-right {
 
 .tabs .tab-item .badge.badge-calm,
 .badge.badge-calm {
-  background-color: #ff4b82;
+  background-color: #00C3DA;
   color: #fff; }
 
 .tabs .tab-item .badge.badge-assertive,
@@ -7403,8 +7403,8 @@ ion-slides {
     stroke: #387ef5;
     fill: #387ef5; }
   .spinner.spinner-calm {
-    stroke: #ff4b82;
-    fill: #ff4b82; }
+    stroke: #00C3DA;
+    fill: #00C3DA; }
   .spinner.spinner-balanced {
     stroke: #33cd5f;
     fill: #33cd5f; }
@@ -7445,7 +7445,7 @@ ion-slides {
   stop-color: #387ef5; }
 
 .spinner-spiral.spinner-calm .stop2 {
-  stop-color: #ff4b82; }
+  stop-color: #00C3DA; }
 
 .spinner-spiral.spinner-balanced .stop2 {
   stop-color: #33cd5f; }
@@ -7835,12 +7835,12 @@ input[type="checkbox"][readonly] {
 
 .checkbox-calm input:before,
 .checkbox-calm .checkbox-icon:before {
-  border-color: #ff4b82; }
+  border-color: #00C3DA; }
 
 .checkbox-calm input:checked:before,
 .checkbox-calm input:checked + .checkbox-icon:before {
-  background: #ff4b82;
-  border-color: #ff4b82; }
+  background: #00C3DA;
+  border-color: #00C3DA; }
 
 .checkbox-assertive input:before,
 .checkbox-assertive .checkbox-icon:before {
@@ -8036,8 +8036,8 @@ input:checked + .checkbox-icon:after {
   background-color: #387ef5; }
 
 .toggle.toggle-calm input:checked + .track {
-  border-color: #ff4b82;
-  background-color: #ff4b82; }
+  border-color: #00C3DA;
+  background-color: #00C3DA; }
 
 .toggle.toggle-assertive input:checked + .track {
   border-color: #ef473a;
@@ -8179,7 +8179,7 @@ input:checked + .checkbox-icon:after {
   background-color: rgba(255, 75, 130, 0.5); }
 
 .toggle-small .toggle-calm input:checked + .track .handle {
-  background-color: #ff4b82; }
+  background-color: #00C3DA; }
 
 .toggle-small .toggle-assertive input:checked + .track {
   background-color: rgba(239, 71, 58, 0.5); }
@@ -8349,9 +8349,9 @@ input:checked + .checkbox-icon:after {
   .range.range-positive input::-ms-fill-lower {
     background: #387ef5; }
   .range.range-calm input::-webkit-slider-thumb:before {
-    background: #ff4b82; }
+    background: #00C3DA; }
   .range.range-calm input::-ms-fill-lower {
-    background: #ff4b82; }
+    background: #00C3DA; }
   .range.range-balanced input::-webkit-slider-thumb:before {
     background: #33cd5f; }
   .range.range-balanced input::-ms-fill-lower {
@@ -8472,7 +8472,7 @@ input:checked + .checkbox-icon:after {
   .item-select.item-positive:after, .item-select.item-positive .input-label {
     color: #fff; }
   .item-select.item-calm select {
-    background: #ff4b82;
+    background: #00C3DA;
     color: #fff; }
   .item-select.item-calm:after, .item-select.item-calm .input-label {
     color: #fff; }
@@ -8647,27 +8647,29 @@ progress {
         color: #fff; }
   .button.button-calm {
     border-color: transparent;
-    background-color: #ff4b82;
+    background-color: #00C3DA;
     color: #fff; }
     .button.button-calm:hover {
       color: #fff;
       text-decoration: none; }
     .button.button-calm.active, .button.button-calm.activated {
-      background-color: #ff185f; }
+      background-color: #00C3DA; }
+/*    .button.button-calm.active, .button.button-calm.activated {
+      background-color: #00C3DA; }*/
     .button.button-calm.button-clear {
       border-color: transparent;
       background: none;
       box-shadow: none;
-      color: #ff4b82; }
+      color: #00C3DA; }
     .button.button-calm.button-icon {
       border-color: transparent;
       background: none; }
     .button.button-calm.button-outline {
-      border-color: #ff4b82;
+      border-color: #00C3DA;
       background: transparent;
-      color: #ff4b82; }
+      color: #00C3DA; }
       .button.button-calm.button-outline.active, .button.button-calm.button-outline.activated {
-        background-color: #ff4b82;
+        background-color: #00C3DA;
         box-shadow: none;
         color: #fff; }
   .button.button-assertive {
@@ -8845,7 +8847,7 @@ progress {
     border-color: transparent;
     background: none;
     box-shadow: none;
-    color: #b2b2b2; }
+    color: #fff; }
   .button-clear.button-icon {
     border-color: transparent;
     background: none; }
@@ -9435,13 +9437,13 @@ a.button {
   border-color: #0c60ee; }
 
 .calm, a.calm {
-  color: #ff4b82; }
+  color: #00C3DA; }
 
 .calm-bg {
-  background-color: #ff4b82; }
+  background-color: #00C3DA; }
 
 .calm-border {
-  border-color: #ff185f; }
+  border-color: #00C3DA; }
 
 .assertive, a.assertive {
   color: #ef473a; }

+ 43 - 42
miaomiao/www/css/style.css

xqd xqd xqd xqd xqd xqd xqd xqd xqd xqd xqd xqd xqd xqd xqd xqd
@@ -1,30 +1,30 @@
 /*login*/
 .lgsocial{
-   text-align:center;
-   padding:1rem;
+    text-align:center;
+    padding:1rem;
+}
+.lgsocial img {
+    max-width: 60px;
+    border: 1px solid 	#F0F0F0;
+    border-radius: 30px;
+    /*padding: 5px;*/
+}
+.lgsocial img:last-child{
+    margin-left:1rem;
 }
-    .lgsocial img {
-        max-width: 60px;
-        border: 2px solid 	#F0F0F0;
-        border-radius: 30px;
-        padding: 5px;
-    }
-    .lgsocial img:last-child{
-        margin-left:1rem;
-    }
     
 .lglogin {
-     margin-top:2rem;
+    margin-top:2rem;
 }
 .lglogin span {
-        text-align: center;
-        color: #C8C8C8;
-        display: block;
-        font-size:1.2rem;
-    }
+    text-align: center;
+    color: #C8C8C8;
+    display: block;
+    font-size:18px;
+}
 /*Tabs*/
 .tab-item .icon{
-    color:#FF4B82
+    color:#00C3DA;
 }
 /*.ttab .icon{
     height:2rem;
@@ -59,8 +59,8 @@ a.tab-item-add {
     padding-top:0;
     margin-top:-6px;
 }
-.btn-file-up { height: 72px; width: 72px; text-align: center; display: inline-block; line-height: 30px; font-size: 14px; background-color: #FFF; border: 1px dashed #FF4B82; border-radius: 3px; margin: 5px; float: left; color: #999; }
-.btn-file-up i { display: block; padding: 5px 0 0 0; font-size: 30px; color: #FF4B82; }
+.btn-file-up { height: 72px; width: 72px; text-align: center; display: inline-block; line-height: 30px; font-size: 14px; background-color: #FFF; border: 1px dashed #00C3DA; border-radius: 3px; margin: 5px; float: left; color: #999; }
+.btn-file-up i { display: block; padding: 5px 0 0 0; font-size: 30px; color: #00C3DA; }
 .btn-file-up-position { position: absolute; right: 20px; }
 .img-file-up { float: left; margin: 5px 5px 5px 0; width: 72px; height: 72px; }
 .img-file-up b { height: 72px; position: relative; width: 72px; display: table-cell; vertical-align: middle; text-align: center; border: 1px solid #EEE; padding: 2px; background:no-repeat center; background-size:cover; -webkit-background-size:cover}
@@ -86,17 +86,17 @@ overflow:auto;
 .pview {
     max-height:143px;
     max-width:120px;
-    background-color:#333333
+    background-color:#00C3DA;
  }
     .pview .popover-arrow:after {
-        background-color:#333333;
+        background-color:#00C3DA;
     }
 .platform-ios .popover {
     border-radius:0;
 }
 .pview a {
     color:#fff;
-    background-color:#333333;
+    background-color:#00C3DA;
     line-height:0;
 }
     .pview .icon {
@@ -106,7 +106,7 @@ overflow:auto;
     padding-left:40px;
 }
 .tabs-top.tabs-striped .tab-item.tab-item-active, .tabs-top.tabs-striped .tab-item.active, .tabs-top.tabs-striped .tab-item.activated {
-    border-color: #ff4b82;
+    border-color: #00C3DA;
 }
 .swiper-wrapper {
     position:relative
@@ -125,7 +125,7 @@ overflow:auto;
         font-size: 1.5rem;
         position: relative;
         top: -15px;
-        color:#ff4b82
+        color:#00C3DA
     }
         .subcontent i:first-child {
             left:10px;
@@ -151,26 +151,27 @@ overflow:auto;
         display:inline-block;
     }
 .mysecond {
-    color:#9A9A9A;
+    color: #A3A3A3;
     margin-top:5px;
+    font-size: 15px;
 }
 .mainitem .iheart {
-    width: 1.5rem;
+    width: 1rem;
     position: relative;
-    top: 4px;
+    top: 2px;
     left: 5px;
+    margin-right: 5px;
 }
 .myblock span {
     padding:1px;
-    border:2px solid #ff4b82;
+    border: 1px solid #00C3DA;
     margin-left:5px;
     border-radius:5px;
-    border:2px solid #ff4b82;
 }
 /*my-html*/
 .user-box {
     position: relative;
-    background-color: #FF7D7D;
+    background-color: #00C3DA;
     text-align: center;
     color:#FFF;
 }
@@ -179,7 +180,6 @@ overflow:auto;
 }
 .user-box .myinfo img {
     width:60px;
-
     height: 60px;
     border-radius:100%;
 }
@@ -193,6 +193,7 @@ padding:10px;
 }
 .user-dz .num{
     font-weight:bold;
+    color: #00C3DA;
 }
  .list-set-arrow .item, .item.item-set-arrow { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D\'0%200%2060%20120\'%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%3E%3Cpath%20d%3D\'m60%2061.5-38.25%2038.25-9.75-9.75%2029.25-28.5-29.25-28.5%209.75-9.75z\'%20fill%3D\'%23c7c7cc\'%2F%3E%3C%2Fsvg%3E"); background-position: -webkit-calc(100% - 15px) center; background-position: calc(100% - 15px) center; background-repeat: no-repeat; background-size: 10px 20px; padding-right: 30px; }
 .list-set-arrow .item-arrow-no, .item-arrow-no { background-image: none; padding-right: 15px; }
@@ -215,7 +216,7 @@ padding:10px;
 .fl { float: left; }
 .fr { float: right }
 .list-set-arrow .icon {
-    color:#ff4b82;
+    color:#00C3DA;
 }
 /*my-recharge*/
 .re-border {
@@ -236,7 +237,7 @@ padding-right:3px;
     padding:15px;
 }
 .ion-volume-medium {
-    color:#ff4b82;
+    color:#00C3DA;
 }
 /*my-message-reply*/
 .reply-head {
@@ -281,14 +282,14 @@ padding-right:3px;
     position: relative;
     width: 95%;
     left:5px;
-    background-color:#F6F6F6;
-    padding: 1px;
+    background-color:#fff;
+    border: 1px solid #00C3DA;
     margin-top:10px;
 }
     .reply-bar div {
         display: block;
         position: relative;
-        background:#FE4B82; 
+        background:#00C3DA;
         height: 20px; /* �߶� */
         line-height: 20px;
     }
@@ -316,7 +317,7 @@ padding-right:3px;
 
 }
 .detail-item2 .icon {
-    color:#FF4B82;
+    color:#00C3DA;
 }
 .detail-head {
     text-align:center;
@@ -346,7 +347,7 @@ padding-right:3px;
             color:#9F9F9F;
         }
         .detail-like .selected{
-              border:1px solid  #FF4B82;
+              border:1px solid  #00C3DA;
         }
     .detail-like .send {
         border:1px solid #EAEAEA;
@@ -418,7 +419,7 @@ padding-right:3px;
     font-size:1rem;
 }
     .search-hot .box {
-        border:1px solid #FF4B82;
+        border:1px solid #00C3DA;
         padding:10px;
         width:30%;
         float:left;
@@ -426,7 +427,7 @@ padding-right:3px;
         text-align:center;
     }
     .search-hot .keyword {
-        background-color:#FF4B82;
+        background-color:#00C3DA;
         color:#FFF;
     }
     .search-select{
@@ -445,7 +446,7 @@ padding-right:3px;
         top:-10px;
     }
     .sarch-item .level{
-        background-color:#FF4B82;
+        background-color:#00C3DA;
         color:#FFF;
         border-radius:10px;
         padding:0 5px;

+ 12 - 0
miaomiao/www/img/icon_follow.svg

xqd
@@ -0,0 +1,12 @@
+<svg id="图层_1" data-name="图层 1" xmlns="http://www.w3.org/2000/svg" width="21.79" height="20" viewBox="0 0 21.79 20">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #ee4a58;
+        fill-rule: evenodd;
+      }
+    </style>
+  </defs>
+  <title>icon_follow</title>
+  <path class="cls-1" d="M10.06,19.08l.46.42a.73.73,0,0,0,1,0l.46-.42C18.29,13.32,20,11.18,20,8.19a4.68,4.68,0,0,0-4.68-4.82,5.11,5.11,0,0,0-3.86,1.85L11,5.78l-.46-.56A5.11,5.11,0,0,0,6.68,3.36,4.68,4.68,0,0,0,2,8.19c0,3,1.71,5.13,8.06,10.9ZM.1,8A6.28,6.28,0,0,1,6.39,1.53,6.72,6.72,0,0,1,11,3.44a6.72,6.72,0,0,1,4.61-1.91A6.28,6.28,0,0,1,21.9,8c0,3.72-1.94,6.15-9,12.59l-.49.45a2.07,2.07,0,0,1-2.77,0l-.48-.45C2,14.11.1,11.68.1,8Z" transform="translate(-0.1 -1.53)"/>
+</svg>

+ 27 - 0
miaomiao/www/img/icon_login.svg

xqd
@@ -0,0 +1,27 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="150" height="150" viewBox="0 0 150 150">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #00c3da;
+      }
+
+      .cls-2 {
+        fill: #872828;
+        filter: url(#filter);
+      }
+
+      .cls-3 {
+        fill: #fff;
+        fill-rule: evenodd;
+      }
+    </style>
+    <filter id="filter" x="2" y="2" width="146" height="146" filterUnits="userSpaceOnUse">
+      <feFlood result="flood" flood-color="#ccf3f8"/>
+      <feComposite result="composite" operator="in" in2="SourceGraphic"/>
+      <feBlend result="blend" in2="SourceGraphic"/>
+    </filter>
+  </defs>
+  <circle id="椭圆_10" data-name="椭圆 10" class="cls-1" cx="75" cy="75" r="75"/>
+  <circle id="椭圆_10_拷贝" data-name="椭圆 10 拷贝" class="cls-2" cx="75" cy="75" r="73"/>
+  <path id="形状_2" data-name="形状 2" class="cls-3" d="M60.478,120.807s-12.975,6.156-15.547-.458c-1.535-3.947,2.64-6.782,5.336-7.36a25.96,25.96,0,0,1,9.665.153Zm0,0a8.81,8.81,0,0,0,3.953,2.092,21.292,21.292,0,0,0,6.149.11,18.235,18.235,0,0,0,5.38.991,16.9,16.9,0,0,0,5.27-.991,10.273,10.273,0,0,0,3.623.44,9.451,9.451,0,0,0,3.074-.991s2.952-2.274,2.76-11.081c-0.076-3.517-.327-7.271-0.345-7.308,0,0,.353-2.43,2.086-3.3-6.239,3.141-28.218,3.964-28.218,3.964l-4.279,8.412ZM38.958,53.968s1.665-19.375,9.992-21.032S67.835,43.176,67.835,43.176l3.953-1.211S74.359,30.522,82.218,27.32c6.49-2.644,13.834,11.892,13.834,11.892s11.246,5.472,15.7,15.856,4.22,17.369,5.49,18.829A9.53,9.53,0,0,1,119,77.532l-2.635.551s0.246,12.307-10.98,18.059c-5.745,2.944-17.187,5.812-13.532,4.912-17.361,4.275-34.956,6.044-47.3-.838-5.3-2.954-7.027-9.139-7.027-9.139L34.566,92.4l0.878-5.726a60.446,60.446,0,0,1-1.208-17.728A47.978,47.978,0,0,1,38.958,53.968ZM91,98l-2,9H65l-2-6Z"/>
+</svg>

+ 19 - 0
miaomiao/www/img/icon_wechat.svg

xqd
@@ -0,0 +1,19 @@
+<svg id="图层_1" data-name="图层 1" xmlns="http://www.w3.org/2000/svg" width="91" height="91" viewBox="0 0 91 91">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #20b02a;
+        fill-rule: evenodd;
+      }
+
+      .cls-2 {
+        fill: none;
+        stroke: #e5e5e5;
+        stroke-miterlimit: 10;
+      }
+    </style>
+  </defs>
+  <title>icon_wechat</title>
+  <path class="cls-1" d="M549.82,950.92a17.12,17.12,0,0,1,1.91.12c-1.72-8-10.28-14-20-14-10.92,0-19.87,7.44-19.87,16.9,0,5.46,3,9.94,8,13.41l-2,6,6.95-3.48a34,34,0,0,0,7,1c.62,0,1.24,0,1.86-.08a14.8,14.8,0,0,1-.61-4.16c0-8.68,7.45-15.72,16.89-15.72h0M539,945.13a3.07,3.07,0,1,1-3.07,3.07,3.07,3.07,0,0,1,3.07-3.07h0m-13.9,6.21a3.07,3.07,0,1,1,3.07-3.07,3.07,3.07,0,0,1-3.07,3.07h0m42.72,15.13c0-7.94-7.95-14.42-16.88-14.42-9.45,0-16.9,6.48-16.9,14.42s7.45,14.42,16.9,14.42a25,25,0,0,0,6-1l5.45,3-1.49-5c4-3,7-7,7-11.44h0m-22.07-2.23a2.19,2.19,0,1,1,2.19-2.19,2.19,2.19,0,0,1-2.19,2.19h0m10.92.12a2.19,2.19,0,1,1,2.19-2.19,2.19,2.19,0,0,1-2.19,2.19h0m0,0" transform="translate(-494.31 -914.48)"/>
+  <circle class="cls-2" cx="45.5" cy="45.5" r="45"/>
+</svg>

+ 23 - 0
miaomiao/www/img/icon_weibo.svg

xqd
@@ -0,0 +1,23 @@
+<svg id="图层_1" data-name="图层 1" xmlns="http://www.w3.org/2000/svg" width="91" height="91" viewBox="0 0 91 91">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #ee4a58;
+        fill-rule: evenodd;
+      }
+
+      .cls-2 {
+        fill: none;
+        stroke: #e5e5e5;
+        stroke-miterlimit: 10;
+      }
+    </style>
+  </defs>
+  <title>icon_weibo</title>
+  <g>
+    <path class="cls-1" d="M531.57,1274.75c-2.11-.41-1.09-1.54-1.09-1.54s2.07-3.41-.41-5.89c-3.07-3.07-10.54.39-10.54.39-2.85.89-2.1-.4-1.69-2.6,0-2.59-.89-7-8.48-4.38s-14.1,11.7-14.1,11.7c-4.53,6-3.93,10.72-3.93,10.72,1.13,10.32,12.09,13.15,20.62,13.82,9,.7,21.08-3.1,24.75-10.89s-3-10.91-5.12-11.33Zm-19,19.31c-8.9.42-16.1-4-16.1-10s7.2-10.72,16.1-11.14,16.13,3.26,16.13,9.2-7.21,11.52-16.13,11.93Z" transform="translate(-472.54 -1228.58)"/>
+    <path class="cls-1" d="M510.82,1276.85c-9,1-7.92,9.44-7.92,9.44a4.64,4.64,0,0,0,2.4,4,10.38,10.38,0,0,0,13.36-2.4c2.73-3.53,1.13-12.09-7.84-11.05Zm-2.26,11.78c-1.67.2-3-.77-3-2.17a3.2,3.2,0,0,1,2.87-3c1.92-.19,3.17.92,3.17,2.32a3.24,3.24,0,0,1-3,2.87Zm5.28-4.5a1,1,0,0,1-1.56-.14,1.32,1.32,0,0,1,.38-1.71,1.08,1.08,0,0,1,1.65.14,1.4,1.4,0,0,1-.47,1.71ZM544.53,1270a2.1,2.1,0,0,0,.07-.51,15.93,15.93,0,0,0-15.83-18.43,2.22,2.22,0,0,0,0,4.43,11.61,11.61,0,0,1,11.6,11.6,11.93,11.93,0,0,1-.19,2.12h0c0,.08,0,.17,0,.25a2.21,2.21,0,0,0,4.35.55s0,0,0,0Z" transform="translate(-472.54 -1228.58)"/>
+    <path class="cls-1" d="M537.59,1268c0-.28.05-.55.05-.83a8.89,8.89,0,0,0-8.88-8.88,1.85,1.85,0,1,0,0,3.7,5.19,5.19,0,0,1,5.18,5.18,4.83,4.83,0,0,1,0,.66h0c0,.07,0,.14,0,.22a1.85,1.85,0,0,0,1.85,1.85,1.83,1.83,0,0,0,1.8-1.6h0s0-.1,0-.14,0-.07,0-.11,0,0,0-.05Z" transform="translate(-472.54 -1228.58)"/>
+  </g>
+  <circle class="cls-2" cx="45.5" cy="45.5" r="45"/>
+</svg>

+ 4 - 4
miaomiao/www/index.html

xqd xqd
@@ -4,9 +4,9 @@
     <meta charset="utf-8">
     <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
     <title></title>
-
-      <link href="css/ionic.app.css" rel="stylesheet" />
-    <link href="css/style.css" rel="stylesheet">
+    <link href="css/ionic.app.css" rel="stylesheet" />
+    <link href="css/style.css" rel="stylesheet" />
+    <link href="lib/ionic/style.css" rel="stylesheet" />
     <script src="js/platformOverrides.js"></script>
     <script src="lib/ionic/js/ionic.bundle.min.js"></script>
 
@@ -38,7 +38,7 @@
       <script src="js/directives/directive.js"></script>
   </head>
   <body ng-app="app">
-    <ion-nav-bar class="bar-calm">
+    <ion-nav-bar class="calm-bg">
       <ion-nav-back-button>
       </ion-nav-back-button>
     </ion-nav-bar>

二进制
miaomiao/www/lib/ionic/fonts/thsfont.eot


+ 30 - 0
miaomiao/www/lib/ionic/fonts/thsfont.svg

xqd
@@ -0,0 +1,30 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata>Generated by IcoMoon</metadata>
+<defs>
+<font id="thsfont" horiz-adv-x="1024">
+<font-face units-per-em="1024" ascent="960" descent="-64" />
+<missing-glyph horiz-adv-x="1024" />
+<glyph unicode="&#x20;" horiz-adv-x="512" d="" />
+<glyph unicode="&#xe900;" d="M1002.959 448c0-271.149-219.81-490.959-490.959-490.959s-490.959 219.81-490.959 490.959c0 271.149 219.81 490.959 490.959 490.959s490.959-219.81 490.959-490.959z" />
+<glyph unicode="&#xe901;" d="M932.822 448c0-232.414-188.408-420.822-420.822-420.822s-420.822 188.408-420.822 420.822c0 232.414 188.408 420.822 420.822 420.822s420.822-188.408 420.822-420.822z" />
+<glyph unicode="&#xe902;" d="M666.301 426.959h-133.26v-133.26c0-11.621-9.42-21.041-21.041-21.041s-21.041 9.42-21.041 21.041v0 133.26h-133.26c-11.621 0-21.041 9.42-21.041 21.041s9.42 21.041 21.041 21.041v0h133.26v133.26c0 11.621 9.42 21.041 21.041 21.041s21.041-9.42 21.041-21.041v0-133.26h133.26c11.621 0 21.041-9.42 21.041-21.041s-9.42-21.041-21.041-21.041v0z" />
+<glyph unicode="&#xe903;" glyph-name="btn_left" d="M653.244 765.099v0c-4.118 4.117-9.806 6.663-16.088 6.663s-11.97-2.546-16.088-6.663l-289.627-289.627c-3.958-4.094-6.394-9.67-6.394-15.815 0-12.568 10.188-22.756 22.756-22.756 6.145 0 11.721 2.436 15.809 6.388l289.633 289.633c4.117 4.118 6.663 9.806 6.663 16.088s-2.546 11.97-6.663 16.088zM363.611 475.466l289.633-289.633c4.286-4.144 6.947-9.945 6.947-16.368 0-12.568-10.188-22.756-22.756-22.756-6.423 0-12.224 2.661-16.362 6.941l-289.639 289.639c-3.952 4.088-6.388 9.664-6.388 15.809 0 12.568 10.188 22.756 22.756 22.756 6.145 0 11.721-2.436 15.815-6.394l-0.006 0.006z" />
+<glyph unicode="&#xe904;" glyph-name="btn_right" d="M325.245 765.099v0c4.118 4.117 9.806 6.663 16.088 6.663s11.97-2.546 16.088-6.663l289.627-289.627c3.958-4.094 6.394-9.67 6.394-15.815 0-12.568-10.188-22.756-22.756-22.756-6.145 0-11.721 2.436-15.809 6.388l-289.633 289.633c-4.117 4.118-6.663 9.806-6.663 16.088s2.546 11.97 6.663 16.088zM614.878 475.466l-289.633-289.633c-4.286-4.144-6.947-9.945-6.947-16.368 0-12.568 10.188-22.756 22.756-22.756 6.423 0 12.224 2.661 16.362 6.941l289.639 289.639c3.952 4.088 6.388 9.664 6.388 15.809 0 12.568-10.188 22.756-22.756 22.756-6.145 0-11.721-2.436-15.815-6.394l0.006 0.006z" />
+<glyph unicode="&#xe905;" glyph-name="icon_follow" d="M463.593 96.582l21.411-19.549c6.065-5.712 14.259-9.221 23.273-9.221s17.208 3.51 23.29 9.237l-0.017-0.016 21.411 19.549c293.702 268.102 373.295 367.709 373.295 506.88 0.062 1.942 0.097 4.225 0.097 6.516 0 120.306-97.527 217.833-217.833 217.833-0.034 0-0.069 0-0.103 0h0.006c-72.203-1.1-136.458-34.207-179.354-85.724l-0.311-0.385-21.411-26.065-21.411 26.065c-43.133 52.079-107.394 85.351-179.46 86.572l-0.206 0.003c-0.033 0-0.073 0-0.112 0-120.306 0-217.833-97.527-217.833-217.833 0-2.455 0.041-4.901 0.121-7.337l-0.009 0.355c0-139.636 79.593-238.778 375.156-507.345zM0 612.305c-0.085 2.635-0.134 5.734-0.134 8.844 0 161.436 130.87 292.305 292.305 292.305 0.211 0 0.421 0 0.632-0.001h-0.032c83.618-1.070 159.159-34.787 214.636-88.961l-0.061 0.060c55.415 54.114 130.956 87.832 214.368 88.9l0.207 0.002c0.178 0 0.389 0.001 0.599 0.001 161.436 0 292.305-130.87 292.305-292.305 0-3.11-0.049-6.209-0.145-9.295l0.011 0.451c0-173.149-90.298-286.255-418.909-586.007l-22.807-20.945c-16.999-15.351-39.635-24.744-64.465-24.744s-47.466 9.393-64.55 24.819l0.084-0.075-22.342 20.945c-333.265 301.615-421.702 414.72-421.702 586.007z" />
+<glyph unicode="&#xe906;" glyph-name="icon_me_h" d="M927.44-64c-14.135 0-25.594 11.459-25.594 25.594s11.459 25.594 25.594 25.594v0c0.047 0 0.102 0 0.158 0 15.018 0 28.287 7.489 36.277 18.936l0.095 0.144c5.32 7.464 8.505 16.769 8.505 26.818 0 5.828-1.071 11.405-3.027 16.546l0.107-0.32c-50.412 136.424-157.863 241.36-292.624 287.295l-3.337 0.988c-9.784 3.745-16.605 13.058-16.605 23.964 0 14.135 11.459 25.594 25.594 25.594 2.432 0 4.784-0.339 7.013-0.973l-0.18 0.044c153.121-51.732 272.364-167.774 327.349-315.134l1.187-3.63c3.663-9.867 5.782-21.264 5.782-33.158 0-21.14-6.697-40.717-18.085-56.723l0.203 0.301c-17.229-24.736-45.531-40.722-77.566-40.722-0.297 0-0.594 0.001-0.891 0.004h0.045zM96.095-64c-0.11 0-0.241-0.001-0.371-0.001-32.106 0-60.48 15.977-77.605 40.415l-0.202 0.304c-11.34 15.803-18.133 35.534-18.133 56.852 0 12.166 2.213 23.815 6.258 34.568l-0.223-0.677c56.115 151.085 175.372 267.217 324.835 317.907l3.701 1.090c2.048 0.59 4.401 0.929 6.833 0.929 14.135 0 25.594-11.459 25.594-25.594 0-10.906-6.821-20.219-16.43-23.905l-0.175-0.059c-138.273-46.851-245.852-151.915-295.133-285.236l-1.062-3.28c-1.85-4.822-2.921-10.399-2.921-16.227 0-10.049 3.185-19.354 8.601-26.961l-0.097 0.143c8.084-11.591 21.354-19.080 36.372-19.080 0.056 0 0.111 0 0.167 0h-0.009c14.135 0 25.594-11.459 25.594-25.594s-11.459-25.594-25.594-25.594v0zM511.884 294.319c-183.759 0-332.724 148.966-332.724 332.724s148.966 332.724 332.724 332.724c183.677 0 332.592-148.833 332.724-332.479v-0.013c-0.132-183.752-148.991-332.692-332.699-332.957h-0.025zM511.884 908.812c-155.488 0-281.536-126.048-281.536-281.536s126.048-281.536 281.536-281.536c155.488 0 281.536 126.048 281.536 281.536v0c-0.132 155.435-126.101 281.404-281.523 281.536h-0.013z" />
+<glyph unicode="&#xe907;" glyph-name="icon_me_n" d="M927.44-64c-14.135 0-25.594 11.459-25.594 25.594s11.459 25.594 25.594 25.594v0c0.047 0 0.102 0 0.158 0 15.018 0 28.287 7.489 36.277 18.936l0.095 0.144c5.32 7.464 8.505 16.769 8.505 26.818 0 5.828-1.071 11.405-3.027 16.546l0.107-0.32c-50.412 136.424-157.863 241.36-292.624 287.295l-3.337 0.988c-9.784 3.745-16.605 13.058-16.605 23.964 0 14.135 11.459 25.594 25.594 25.594 2.432 0 4.784-0.339 7.013-0.973l-0.18 0.044c153.121-51.732 272.364-167.774 327.349-315.134l1.187-3.63c3.663-9.867 5.782-21.264 5.782-33.158 0-21.14-6.697-40.717-18.085-56.723l0.203 0.301c-17.229-24.736-45.531-40.722-77.566-40.722-0.297 0-0.594 0.001-0.891 0.004h0.045zM96.095-64c-0.11 0-0.241-0.001-0.371-0.001-32.106 0-60.48 15.977-77.605 40.415l-0.202 0.304c-11.34 15.803-18.133 35.534-18.133 56.852 0 12.166 2.213 23.815 6.258 34.568l-0.223-0.677c56.115 151.085 175.372 267.217 324.835 317.907l3.701 1.090c2.048 0.59 4.401 0.929 6.833 0.929 14.135 0 25.594-11.459 25.594-25.594 0-10.906-6.821-20.219-16.43-23.905l-0.175-0.059c-138.273-46.851-245.852-151.915-295.133-285.236l-1.062-3.28c-1.85-4.822-2.921-10.399-2.921-16.227 0-10.049 3.185-19.354 8.601-26.961l-0.097 0.143c8.084-11.591 21.354-19.080 36.372-19.080 0.056 0 0.111 0 0.167 0h-0.009c14.135 0 25.594-11.459 25.594-25.594s-11.459-25.594-25.594-25.594v0zM511.884 294.319c-183.759 0-332.724 148.966-332.724 332.724s148.966 332.724 332.724 332.724c183.677 0 332.592-148.833 332.724-332.479v-0.013c-0.132-183.752-148.991-332.692-332.699-332.957h-0.025zM511.884 908.812c-155.488 0-281.536-126.048-281.536-281.536s126.048-281.536 281.536-281.536c155.488 0 281.536 126.048 281.536 281.536v0c-0.132 155.435-126.101 281.404-281.523 281.536h-0.013z" />
+<glyph unicode="&#xe908;" glyph-name="icon_menu" d="M56.889 888.889c31.419 0 56.889-25.47 56.889-56.889s-25.47-56.889-56.889-56.889c-31.419 0-56.889 25.47-56.889 56.889v0c0 31.419 25.47 56.889 56.889 56.889v0zM56.889 519.111c31.419 0 56.889-25.47 56.889-56.889s-25.47-56.889-56.889-56.889c-31.419 0-56.889 25.47-56.889 56.889v0c0 31.419 25.47 56.889 56.889 56.889v0zM56.889 120.889c31.419 0 56.889-25.47 56.889-56.889s-25.47-56.889-56.889-56.889c-31.419 0-56.889 25.47-56.889 56.889v0c0 31.419 25.47 56.889 56.889 56.889v0zM284.444 860.444h711.111c15.709 0 28.444-12.735 28.444-28.444s-12.735-28.444-28.444-28.444v0h-711.111c-15.709 0-28.444 12.735-28.444 28.444s12.735 28.444 28.444 28.444v0zM284.444 490.667h711.111c15.709 0 28.444-12.735 28.444-28.444s-12.735-28.444-28.444-28.444v0h-711.111c-15.709 0-28.444 12.735-28.444 28.444s12.735 28.444 28.444 28.444v0zM284.444 92.444h711.111c15.709 0 28.444-12.735 28.444-28.444s-12.735-28.444-28.444-28.444v0h-711.111c-15.709 0-28.444 12.735-28.444 28.444s12.735 28.444 28.444 28.444v0z" />
+<glyph unicode="&#xe909;" glyph-name="icon_message" d="M862.316 37.861h-700.632c-88.99 0.756-160.928 72.694-161.684 161.612v489.975c0.756 88.99 72.694 160.928 161.612 161.684h700.704c88.99-0.756 160.928-72.694 161.684-161.612v-488.897c-0.904-88.93-72.754-160.78-161.598-161.684l-0.086-0.001zM161.684 805.592c-64.293 0-116.413-52.12-116.413-116.413v0-488.556c0-64.293 52.12-116.413 116.413-116.413v0h700.632c64.293 0 116.413 52.12 116.413 116.413v0 488.825c0 64.293-52.12 116.413-116.413 116.413h-700.632zM512 408.387c-23.21 0.273-44.329 9.010-60.462 23.261l0.1-0.087-397.743 333.069c-4.725 4.305-7.678 10.483-7.678 17.351 0 12.948 10.496 23.444 23.444 23.444 5.458 0 10.481-1.865 14.465-4.993l-0.051 0.038 396.935-334.147c8.077-6.894 18.639-11.088 30.181-11.088s22.104 4.194 30.246 11.142l-0.065-0.054 396.935 334.147c4.208 3.747 9.786 6.036 15.899 6.036 13.231 0 23.956-10.726 23.956-23.956 0-7.118-3.104-13.511-8.033-17.899l-0.024-0.021-398.013-333.069c-16.085-13.722-37.111-22.077-60.088-22.097h-0.004z" />
+<glyph unicode="&#xe90a;" d="M728.178 47.275h-591.644c-75.147 0.638-135.895 61.386-136.533 136.472v413.757c0.638 75.147 61.386 135.895 136.472 136.533h591.705c75.147-0.638 135.895-61.386 136.533-136.472v-412.847c-0.764-75.096-61.437-135.77-136.461-136.533l-0.073-0.001zM136.533 695.58c-54.292 0-98.304-44.012-98.304-98.304v0-412.558c0-54.292 44.012-98.304 98.304-98.304v0h591.644c54.292 0 98.304 44.012 98.304 98.304v0 412.786c0 54.292-44.012 98.304-98.304 98.304h-591.644z" />
+<glyph unicode="&#xe90b;" d="M432.356 360.164c-19.6 0.231-37.433 7.609-51.057 19.643l0.084-0.073-335.872 281.259c-3.99 3.635-6.484 8.852-6.484 14.652 0 10.934 8.864 19.797 19.797 19.797 4.609 0 8.851-1.575 12.215-4.217l-0.043 0.032 335.189-282.169c6.82-5.821 15.74-9.363 25.486-9.363s18.666 3.542 25.541 9.409l-0.055-0.046 335.189 282.169c3.554 3.164 8.264 5.097 13.426 5.097 11.173 0 20.23-9.057 20.23-20.23 0-6.011-2.622-11.409-6.784-15.115l-0.020-0.018-336.1-281.259c-13.583-11.588-31.338-18.643-50.741-18.66h-0.004z" />
+<glyph unicode="&#xe90c;" d="M997.376 664.178c0-87.973-71.316-159.289-159.289-159.289s-159.289 71.316-159.289 159.289c0 87.973 71.316 159.289 159.289 159.289s159.289-71.316 159.289-159.289z" />
+<glyph unicode="&#xe90d;" glyph-name="icon_message_n" d="M862.316 37.861h-700.632c-88.99 0.756-160.928 72.694-161.684 161.612v489.975c0.756 88.99 72.694 160.928 161.612 161.684h700.704c88.99-0.756 160.928-72.694 161.684-161.612v-488.897c-0.904-88.93-72.754-160.78-161.598-161.684l-0.086-0.001zM161.684 805.592c-64.293 0-116.413-52.12-116.413-116.413v0-488.556c0-64.293 52.12-116.413 116.413-116.413v0h700.632c64.293 0 116.413 52.12 116.413 116.413v0 488.825c0 64.293-52.12 116.413-116.413 116.413h-700.632zM512 408.387c-23.21 0.273-44.329 9.010-60.462 23.261l0.1-0.087-397.743 333.069c-4.725 4.305-7.678 10.483-7.678 17.351 0 12.948 10.496 23.444 23.444 23.444 5.458 0 10.481-1.865 14.465-4.993l-0.051 0.038 396.935-334.147c8.077-6.894 18.639-11.088 30.181-11.088s22.104 4.194 30.246 11.142l-0.065-0.054 396.935 334.147c4.208 3.747 9.786 6.036 15.899 6.036 13.231 0 23.956-10.726 23.956-23.956 0-7.118-3.104-13.511-8.033-17.899l-0.024-0.021-398.013-333.069c-16.085-13.722-37.111-22.077-60.088-22.097h-0.004z" />
+<glyph unicode="&#xe90e;" glyph-name="icon_search" d="M446.248 66.695c-246.456 0-446.248 199.792-446.248 446.248s199.792 446.248 446.248 446.248c246.172 0 445.788-199.332 446.248-445.396v-0.044c0-0.080 0-0.175 0-0.27 0-246.564-199.726-446.48-446.219-446.787h-0.029zM446.248 906.914c-217.583 0-393.97-176.387-393.97-393.971s176.387-393.971 393.971-393.971c217.584 0 393.971 176.387 393.971 393.971 0 0.284 0 0.568-0.001 0.852v-0.044c-0.307 217.406-176.543 393.548-393.956 393.701h-0.015zM997.861-64c-7.228 0.030-13.78 2.901-18.602 7.553l-236.32 236.32c-7.573 4.856-12.52 13.23-12.52 22.76 0 14.883 12.065 26.947 26.947 26.947 9.53 0 17.904-4.947 22.695-12.412l0.064-0.107 236.328-236.328c4.607-4.826 7.443-11.379 7.443-18.594s-2.835-13.767-7.453-18.604l0.010 0.010c-4.814-4.645-11.365-7.516-18.588-7.545h-0.006z" />
+<glyph unicode="&#xe90f;" d="M1024 448c0-282.77-229.23-512-512-512s-512 229.23-512 512c0 282.77 229.23 512 512 512s512-229.23 512-512z" />
+<glyph unicode="&#xe910;" d="M921.6 448c0-226.216-183.384-409.6-409.6-409.6s-409.6 183.384-409.6 409.6c0 226.216 183.384 409.6 409.6 409.6s409.6-183.384 409.6-409.6z" />
+<glyph unicode="&#xe911;" d="M488.499 203.008l167.526 317.44c7.918 16.497 18.356 30.52 30.988 42.208l0.091 0.083c9.25 8.148 21.438 13.156 34.794 13.261h22.96l10.957 62.106h-214.426l-10.957-62.106h22.067c1.466 0.131 3.171 0.206 4.893 0.206 9.409 0 18.296-2.232 26.161-6.195l-0.334 0.153c4.425-3.123 7.279-8.214 7.279-13.972 0-1.755-0.265-3.448-0.758-5.041l0.032 0.121c-0.995-5.225-2.377-9.825-4.171-14.212l0.177 0.49c-2.441-6.040-4.948-11.092-7.783-15.928l0.308 0.568-110.95-209.408-32.563 200.704c-1.201 6.782-2.063 14.84-2.395 23.034l-0.012 0.364c-0.059 1.172-0.093 2.545-0.093 3.926 0 4.324 0.332 8.571 0.971 12.716l-0.059-0.463c1.145 7.561 5.746 13.852 12.112 17.295l0.125 0.062c7.28 3.569 15.843 5.657 24.893 5.657 1.041 0 2.076-0.028 3.103-0.082l-0.144 0.006h14.848l10.957 62.157h-239.872l-10.957-62.157h27.034c0.51 0.027 1.107 0.042 1.708 0.042 9.866 0 18.765-4.14 25.055-10.779l0.015-0.016c7.589-9.966 12.727-22.184 14.303-35.494l0.033-0.346 54.989-326.246h117.094z" />
+<glyph unicode="&#xe912;" glyph-name="icon_home_n" horiz-adv-x="1080" d="M1055.662 426.155c-0.042 0-0.092 0-0.142 0-6.743 0-12.85 2.719-17.286 7.12l-464.381 464.381c-8.885 8.895-21.165 14.397-34.731 14.397s-25.845-5.502-34.73-14.397v0l-462.174-463.402c-4.436-4.411-10.552-7.137-17.304-7.137s-12.867 2.726-17.305 7.139l0.001-0.001c-4.484 4.449-7.26 10.613-7.26 17.427s2.776 12.978 7.259 17.425l0.002 0.002 461.929 463.156c17.988 17.204 42.427 27.794 69.338 27.794s51.35-10.59 69.376-27.829l-0.037 0.035 464.874-463.402c4.34-4.424 7.019-10.491 7.019-17.184 0-13.434-10.793-24.348-24.182-24.542h-0.018zM797.944-64.736h-515.436c-99.658 4.846-179.239 84.427-184.067 183.638l-0.017 0.446v404.986c0 13.556 10.989 24.545 24.545 24.545s24.545-10.989 24.545-24.545v0-404.986c2.481-36.174 18.054-68.297 41.963-92.034l0.008-0.008c23.944-24.356 56.404-40.274 92.55-42.925l0.474-0.028h515.436c32.566 2.525 61.027 18.251 80.346 41.771l0.16 0.201c18.671 22.667 29.992 51.996 29.992 83.969 0 3.1-0.106 6.174-0.316 9.221l0.023-0.411v405.231c0 13.556 10.989 24.545 24.545 24.545s24.545-10.989 24.545-24.545v0-404.986c0.152-2.768 0.239-6.008 0.239-9.268 0-45.419-16.831-86.908-44.595-118.569l0.176 0.205c-28.218-32.902-69.096-54.25-114.993-56.439l-0.366-0.014zM712.038-64.736h-343.624v332.334c0 94.889 76.923 171.812 171.812 171.812s171.812-76.923 171.812-171.812v0-332.334zM417.503-15.647h245.446v283.244c0 67.778-54.945 122.723-122.723 122.723s-122.723-54.945-122.723-122.723v0-283.244z" />
+<glyph unicode="&#xe913;" glyph-name="icon_home_h" horiz-adv-x="1080" d="M1055.662 426.155c-0.042 0-0.092 0-0.142 0-6.743 0-12.85 2.719-17.286 7.12l-464.381 464.381c-8.885 8.895-21.165 14.397-34.731 14.397s-25.845-5.502-34.73-14.397v0l-462.174-463.402c-4.436-4.411-10.552-7.137-17.304-7.137s-12.867 2.726-17.305 7.139l0.001-0.001c-4.484 4.449-7.26 10.613-7.26 17.427s2.776 12.978 7.259 17.425l0.002 0.002 461.929 463.156c17.988 17.204 42.427 27.794 69.338 27.794s51.35-10.59 69.376-27.829l-0.037 0.035 464.874-463.402c4.34-4.424 7.019-10.491 7.019-17.184 0-13.434-10.793-24.348-24.182-24.542h-0.018zM797.944-64.736h-515.436c-99.658 4.846-179.239 84.427-184.067 183.638l-0.017 0.446v404.986c0 13.556 10.989 24.545 24.545 24.545s24.545-10.989 24.545-24.545v0-404.986c2.481-36.174 18.054-68.297 41.963-92.034l0.008-0.008c23.944-24.356 56.404-40.274 92.55-42.925l0.474-0.028h515.436c32.566 2.525 61.027 18.251 80.346 41.771l0.16 0.201c18.671 22.667 29.992 51.996 29.992 83.969 0 3.1-0.106 6.174-0.316 9.221l0.023-0.411v405.231c0 13.556 10.989 24.545 24.545 24.545s24.545-10.989 24.545-24.545v0-404.986c0.152-2.768 0.239-6.008 0.239-9.268 0-45.419-16.831-86.908-44.595-118.569l0.176 0.205c-28.218-32.902-69.096-54.25-114.993-56.439l-0.366-0.014zM712.038-64.736h-343.624v332.334c0 94.889 76.923 171.812 171.812 171.812s171.812-76.923 171.812-171.812v0-332.334zM417.503-15.647h245.446v283.244c0 67.778-54.945 122.723-122.723 122.723s-122.723-54.945-122.723-122.723v0-283.244z" />
+</font></defs></svg>

二进制
miaomiao/www/lib/ionic/fonts/thsfont.ttf


二进制
miaomiao/www/lib/ionic/fonts/thsfont.woff


+ 112 - 0
miaomiao/www/lib/ionic/style.css

xqd
@@ -0,0 +1,112 @@
+@font-face {
+  font-family: 'thsfont';
+  src:  url('fonts/thsfont.eot?b8pe1h');
+  src:  url('fonts/thsfont.eot?b8pe1h#iefix') format('embedded-opentype'),
+    url('fonts/thsfont.ttf?b8pe1h') format('truetype'),
+    url('fonts/thsfont.woff?b8pe1h') format('woff'),
+    url('fonts/thsfont.svg?b8pe1h#thsfont') format('svg');
+  font-weight: normal;
+  font-style: normal;
+}
+
+[class^="thsfont-"], [class*=" thsfont-"] {
+  /* use !important to prevent issues with browser extensions that change fonts */
+  font-family: 'thsfont' !important;
+  speak: none;
+  font-style: normal;
+  font-weight: normal;
+  font-variant: normal;
+  text-transform: none;
+  line-height: 1;
+
+  /* Better Font Rendering =========== */
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.thsfont-btn_add .path1:before {
+  content: "\e900";
+  color: rgb(255, 255, 255);
+}
+.thsfont-btn_add .path2:before {
+  content: "\e901";
+  margin-left: -1em;
+  color: rgb(0, 195, 218);
+}
+.thsfont-btn_add .path3:before {
+  content: "\e902";
+  margin-left: -1em;
+  color: rgb(255, 255, 255);
+}
+.thsfont-btn_left:before {
+  content: "\e903";
+  color: #00c3da;
+}
+.thsfont-btn_right:before {
+  content: "\e904";
+  color: #00c3da;
+}
+.thsfont-icon_follow:before {
+  content: "\e905";
+  color: #ee4a58;
+}
+.thsfont-icon_me_h:before {
+  content: "\e906";
+  color: #00c3da;
+}
+.thsfont-icon_me_n:before {
+  content: "\e907";
+  color: #4d4d4d;
+}
+.thsfont-icon_menu:before {
+  content: "\e908";
+  color: #fff;
+}
+.thsfont-icon_message:before {
+  content: "\e909";
+  color: #fff;
+}
+.thsfont-icon_message_h .path1:before {
+  content: "\e90a";
+  color: rgb(255, 255, 255);
+}
+.thsfont-icon_message_h .path2:before {
+  content: "\e90b";
+  margin-left: -1em;
+  color: rgb(255, 255, 255);
+}
+.thsfont-icon_message_h .path3:before {
+  content: "\e90c";
+  margin-left: -1em;
+  color: rgb(255, 77, 73);
+}
+.thsfont-icon_message_n:before {
+  content: "\e90d";
+  color: #fff;
+}
+.thsfont-icon_search:before {
+  content: "\e90e";
+  color: #fff;
+}
+.thsfont-icon_vip .path1:before {
+  content: "\e90f";
+  color: rgb(255, 255, 255);
+}
+.thsfont-icon_vip .path2:before {
+  content: "\e910";
+  margin-left: -1em;
+  color: rgb(240, 126, 25);
+}
+.thsfont-icon_vip .path3:before {
+  content: "\e911";
+  margin-left: -1em;
+  color: rgb(255, 255, 255);
+}
+.thsfont-icon_home_h:before {
+  content: "\e913";
+  color: #0eb9d2;
+}
+.thsfont-icon_home_n:before {
+  content: "\e912";
+  color: #808080;
+}

+ 5 - 6
miaomiao/www/templates/account/login.html

xqd
@@ -1,29 +1,28 @@
 <ion-view view-title="瞄瞄">
     <ion-content>
         <div  style="padding:30px">
-            <img ng-src="img/demo/photo_default_user.svg"  style="margin:0 auto;display:block;width:100px;border-radius:50px"/>
+            <img ng-src="img/icon_login.svg"  style="margin:0 auto;display:block;width:100px;border-radius:50px"/>
         </div>
         <div class="list">
             <div class="item item-input">
                 <input type="tel" ng-model="vm.mobile" placeholder="手机号码">
             </div>
             <div class="item item-input">
-                <input type="tel" ng-model="vm.verify_code" placeholder="短信验证码">
+                <input class="code" type="text" ng-model="vm.verify_code" placeholder="短信验证码">
                 <button ng-click="getVerifyCode()" class="button button-calm" style="margin-right:5px">{{vm.waitSeconds}}</button>
             </div>
         </div>
         <div class="padding">
-            <button type="submit" ng-click="login()" class="button button-full button-calm">
+            <button type="submit" ng-click="login()" class="button button-block button-calm">
                 登录
             </button>
         </div>
         <div  class="lglogin">
             <span>社交媒体登录</span>
             <div class="lgsocial">
-                <img ng-src="img/weibo.png"/>
-                <img ng-src="img/weixin.png"/>
+                <img ng-src="img/icon_weibo.svg"/>
+                <img ng-src="img/icon_wechat.svg"/>
             </div>
-            
         </div>
     </ion-content>
 </ion-view>

+ 3 - 3
miaomiao/www/templates/add/index.html

xqd xqd
@@ -9,13 +9,13 @@
         <div class="addcontent list">
             <div class="item">你想实现的梦想</div>
             <div class="item item-input-inset itemjs">
-                <label class="item-input-wrapper">
+                <label class="item-input-wrapper" style="background: #F8F8F8; margin: 0 12px 0 5px">
                     <input type="text" ng-model="vm.name">
                 </label>
             </div>
             <div class="item">我的梦想介绍</div>
             <div class="item itemjs">
-                <textarea rows="4" cols="50" placeholder="添加梦想介绍" ng-model="vm.about" style="border: 1px solid #FF4B82;padding: 10px;width: 98%;"></textarea>
+                <textarea rows="4" cols="50" placeholder="添加梦想介绍" ng-model="vm.about" style="border: 1px solid #00C3DA;padding: 10px;width: 98%;"></textarea>
             </div>
             <div class="item">上传图片和视频,让别人更好的了解你</div>
             <div class="item itemjs">
@@ -29,7 +29,7 @@
             </div>
             <div class="item">实现梦想所需要的人民币</div>
             <div class="item item-input-inset itemjs">
-                <label class="item-input-wrapper">
+                <label class="item-input-wrapper" style="background: #F8F8F8; margin: 0 12px 0 5px">
                     <input type="text" ng-model="vm.coin">
                 </label>

+ 6 - 6
miaomiao/www/templates/home/dream-detail.html

xqd xqd xqd xqd
@@ -36,7 +36,7 @@
                         {{dream.about}}
                     </p>
                     <div style="text-align: center">
-                        <i class="icon ion-chevron-down" ng-style="ionDownStyle" style="color: #FE4B82" ng-click="showText()"></i>
+                        <i class="icon ion-chevron-down" ng-style="ionDownStyle" style="color: #00C3DA" ng-click="showText()"></i>
                     </div>
                 </div>
                 <div class="item row detail-item2">
@@ -50,14 +50,14 @@
                     </div>
                 </div>
                 <div class="item" style="padding:0">
-                    <div class="reply-bar">
+                    <div class="reply-bar" style="border: 1px solid #00C3DA">
                         <div style="width: {{100*dream.get_coin/dream.coin}}%;">
                         </div>
                     </div>
                     <div class="row" >
                         <div class="col" style="text-align:left">
                             <h2>{{dream.get_coin}}</h2>
-                            <p>目前获梦想币</p>
+                            <p>目前获梦想币</p>
                         </div>
                         <div class="col" style="text-align:right">
                             <h2>{{dream.coin}}</h2>
@@ -71,8 +71,8 @@
                     <div class="col"><img ng-src="{{sort.third}}"  ng-class="sort.slide3"/></div>
                 </div>
                 <div class="item">
-                    <button class="button button-assertive" style="width:25%;white-space:normal;line-height:20px">支持乘数×{{multi.result}}</button>
-                    <button class="button button-calm" style="width:50%" ng-click="support($event)">支持</button>
+                    <button class="button button-outline button-calm" style="width:30%;white-space:normal;line-height:20px; border: 1px solid #00C3DA">支持乘数×{{multi.result}}</button>
+                    <button class="button button-calm" style="width:45%" ng-click="support($event)">支持</button>
                     <button class="button button-outline button-calm" style="width:25%" ng-click="collectionDream(1)" ng-if="dream.is_collection==0">+收藏</button>
                     <button class="button button-outline" style="width:25%" ng-if="dream.is_collection==1" ng-click="collectionDream(0)">取消收藏</button>
                 </div>
@@ -149,7 +149,7 @@
           <div class="addcontent list">
             <div class="item">我的梦想互动信息</div>
             <div class="item itemjs">
-                <textarea rows="4" cols="50" placeholder="添加梦想互动信息" ng-model="vm.title" style="border: 1px solid #FF4B82;padding: 10px;width: 98%;"></textarea>
+                <textarea rows="4" cols="50" placeholder="添加梦想互动信息" ng-model="vm.title" style="border: 1px solid #00C3DA;padding: 10px;width: 98%;"></textarea>
             </div>
             <div class="item">上传图片,让别人更好的了解你的梦想</div>
             <div class="item itemjs">

+ 3 - 2
miaomiao/www/templates/home/index.html

xqd
@@ -46,12 +46,13 @@
                             <img ng-src="{{item.user.avatar}}" />
                             <div  class="myblock">
                                <div>{{item.user.nickname}}<span class="calm">{{item.user.birthday | getage}}岁</span></div>
-                                <div class="mysecond">{{item.user.city}}></div>
+                                <div class="mysecond">{{item.user.city}}</div>
                             </div>
                         </div>
                         <div class="col" style="text-align:right">
                             <div style="margin-top:8px">
-                                <img ng-src="img/heart.png" class="iheart" />
+                                <!--<img ng-src="img/heart.png" class="iheart" />-->
+                                <img ng-src="img/icon_follow.svg" class="iheart">
                                 <span class="calm">{{item.care_num}}</span>
                                 <span>人关注</span>
                             </div>

+ 4 - 4
miaomiao/www/templates/home/search.html

xqd
@@ -1,14 +1,14 @@
 <ion-view view-title="">
     <ion-nav-buttons side="primary">
-        <lable class="item item-input" style="width:315px">
+        <lable class="item item-input" style="width:100%;border-radius: 15px">
             <i class="icon ion-search placeholder-icon" ng-click="searchContent()"></i>
-            <input type="text" style="width: 100%" placeholder="搜索内容" ng-change="search(vm.keyword)" ng-model="vm.keyword">
+            <input type="text" style="width: 100%;" placeholder="搜索内容" ng-change="search(vm.keyword)" ng-model="vm.keyword">
         </lable>
-        <button class="button button-calm" style="width: 30%; padding: 0;" ng-click="$ionicGoBack()">取消</button>
+        <button class="button button-calm button-right" style="width: 25%; left: 6%; border: 1px solid #fff" ng-click="$ionicGoBack()">取消</button>
     </ion-nav-buttons>
      <ion-content>
          <div class="list" ng-if="!isResult">
-             <div class="item" style="padding:10px;font-size:1.1rem">热门搜索</div>
+             <div class="item" style="padding:10px;font-size:1rem">热门搜索</div>
              <div class="item calm search-hot">
 
                  <div class="box {{keyword==key?'keyword':''}}" ng-click="search(key)" ng-repeat="(key, value) in hot_searches">

+ 1 - 1
miaomiao/www/templates/my/my-dream.html

xqd
@@ -11,7 +11,7 @@
                    <div style="width: {{100*dream.get_coin/dream.coin}}%;">
                    </div>
                </div>
-               <div class="reply-sx"><span class="calm">{{100*dream.get_coin/dream.coin | Rouder}}%</span> 目前实现</div>
+               <div class="reply-sx"><span class="calm">{{100*dream.get_coin/dream.coin | Rouder}}%</span> <span style="font-size: 20px">目前实现</span></div>
            </div>
            
        </div>

+ 1 - 1
miaomiao/www/templates/my/my-profile.html

xqd
@@ -61,7 +61,7 @@
         </label>
      </div>
         <div class="padding">
-            <button class="button button-full button-calm" ng-click="saveMaterial()">
+            <button class="button button-block button-calm" ng-click="saveMaterial()">
                 保存
             </button>
         </div>

+ 2 - 2
miaomiao/www/templates/my/my-recharge.html

xqd xqd
@@ -14,7 +14,7 @@
                 <span class="input-label">金额</span>
                 <input type="number" placeholder="请输入充值金额" ng-model="vm.money" >
             </div>
-            <div class="item item-divider">
+            <div class="item item-divider" style="color: #D2D2D2">
                请选择以下支付方式
             </div>
             <ion-list class="re-radio">
@@ -28,7 +28,7 @@
             </ion-list>
         </div>
         <div class="padding">
-            <button  class="button button-full button-calm" ng-click="recharge(vm.money)">
+            <button  class="button button-block button-calm" ng-click="recharge(vm.money)">
                 支付
             </button>
         </div>

+ 2 - 2
miaomiao/www/templates/tabs.html

xqd
@@ -1,11 +1,11 @@
 <ion-tabs class="tabs-icon-top tabs-color-active-calm">
-    <ion-tab title="首页" icon-off="ion-ios-home-outline" icon-on="ion-ios-home" ng-click="go('app.home')">
+    <ion-tab title="首页" icon-off="thsfont-icon_home_n" icon-on="thsfont-icon_home_h" ng-click="go('app.home')">
         <ion-nav-view name="app-home"></ion-nav-view>
     </ion-tab>
     <ion-tab class="tab-item-add" icon="ion-ios-plus" ng-click="go('app.add')">
         <ion-nav-view name="app-add"></ion-nav-view>
     </ion-tab>
-    <ion-tab title="我的" icon-off="ion-ios-person-outline" icon-on="ion-ios-person" ng-click="go('app.my')">
+    <ion-tab title="我的" icon-off="thsfont-icon_me_n" icon-on="thsfont-icon_me_h" ng-click="go('app.my')">
         <ion-nav-view name="app-my"></ion-nav-view>
     </ion-tab>
 </ion-tabs>