YanaDH преди 8 години
родител
ревизия
c6a8cc3590

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

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

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

@@ -1,30 +1,30 @@
 /*login*/
 /*login*/
 .lgsocial{
 .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 {
 .lglogin {
-     margin-top:2rem;
+    margin-top:2rem;
 }
 }
 .lglogin span {
 .lglogin span {
-        text-align: center;
-        color: #C8C8C8;
-        display: block;
-        font-size:1.2rem;
-    }
+    text-align: center;
+    color: #C8C8C8;
+    display: block;
+    font-size:18px;
+}
 /*Tabs*/
 /*Tabs*/
 .tab-item .icon{
 .tab-item .icon{
-    color:#FF4B82
+    color:#00C3DA;
 }
 }
 /*.ttab .icon{
 /*.ttab .icon{
     height:2rem;
     height:2rem;
@@ -59,8 +59,8 @@ a.tab-item-add {
     padding-top:0;
     padding-top:0;
     margin-top:-6px;
     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; }
 .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 { 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}
 .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 {
 .pview {
     max-height:143px;
     max-height:143px;
     max-width:120px;
     max-width:120px;
-    background-color:#333333
+    background-color:#00C3DA;
  }
  }
     .pview .popover-arrow:after {
     .pview .popover-arrow:after {
-        background-color:#333333;
+        background-color:#00C3DA;
     }
     }
 .platform-ios .popover {
 .platform-ios .popover {
     border-radius:0;
     border-radius:0;
 }
 }
 .pview a {
 .pview a {
     color:#fff;
     color:#fff;
-    background-color:#333333;
+    background-color:#00C3DA;
     line-height:0;
     line-height:0;
 }
 }
     .pview .icon {
     .pview .icon {
@@ -106,7 +106,7 @@ overflow:auto;
     padding-left:40px;
     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 {
 .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 {
 .swiper-wrapper {
     position:relative
     position:relative
@@ -125,7 +125,7 @@ overflow:auto;
         font-size: 1.5rem;
         font-size: 1.5rem;
         position: relative;
         position: relative;
         top: -15px;
         top: -15px;
-        color:#ff4b82
+        color:#00C3DA
     }
     }
         .subcontent i:first-child {
         .subcontent i:first-child {
             left:10px;
             left:10px;
@@ -151,26 +151,27 @@ overflow:auto;
         display:inline-block;
         display:inline-block;
     }
     }
 .mysecond {
 .mysecond {
-    color:#9A9A9A;
+    color: #A3A3A3;
     margin-top:5px;
     margin-top:5px;
+    font-size: 15px;
 }
 }
 .mainitem .iheart {
 .mainitem .iheart {
-    width: 1.5rem;
+    width: 1rem;
     position: relative;
     position: relative;
-    top: 4px;
+    top: 2px;
     left: 5px;
     left: 5px;
+    margin-right: 5px;
 }
 }
 .myblock span {
 .myblock span {
     padding:1px;
     padding:1px;
-    border:2px solid #ff4b82;
+    border: 1px solid #00C3DA;
     margin-left:5px;
     margin-left:5px;
     border-radius:5px;
     border-radius:5px;
-    border:2px solid #ff4b82;
 }
 }
 /*my-html*/
 /*my-html*/
 .user-box {
 .user-box {
     position: relative;
     position: relative;
-    background-color: #FF7D7D;
+    background-color: #00C3DA;
     text-align: center;
     text-align: center;
     color:#FFF;
     color:#FFF;
 }
 }
@@ -179,7 +180,6 @@ overflow:auto;
 }
 }
 .user-box .myinfo img {
 .user-box .myinfo img {
     width:60px;
     width:60px;
-
     height: 60px;
     height: 60px;
     border-radius:100%;
     border-radius:100%;
 }
 }
@@ -193,6 +193,7 @@ padding:10px;
 }
 }
 .user-dz .num{
 .user-dz .num{
     font-weight:bold;
     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, .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; }
 .list-set-arrow .item-arrow-no, .item-arrow-no { background-image: none; padding-right: 15px; }
@@ -215,7 +216,7 @@ padding:10px;
 .fl { float: left; }
 .fl { float: left; }
 .fr { float: right }
 .fr { float: right }
 .list-set-arrow .icon {
 .list-set-arrow .icon {
-    color:#ff4b82;
+    color:#00C3DA;
 }
 }
 /*my-recharge*/
 /*my-recharge*/
 .re-border {
 .re-border {
@@ -236,7 +237,7 @@ padding-right:3px;
     padding:15px;
     padding:15px;
 }
 }
 .ion-volume-medium {
 .ion-volume-medium {
-    color:#ff4b82;
+    color:#00C3DA;
 }
 }
 /*my-message-reply*/
 /*my-message-reply*/
 .reply-head {
 .reply-head {
@@ -281,14 +282,14 @@ padding-right:3px;
     position: relative;
     position: relative;
     width: 95%;
     width: 95%;
     left:5px;
     left:5px;
-    background-color:#F6F6F6;
-    padding: 1px;
+    background-color:#fff;
+    border: 1px solid #00C3DA;
     margin-top:10px;
     margin-top:10px;
 }
 }
     .reply-bar div {
     .reply-bar div {
         display: block;
         display: block;
         position: relative;
         position: relative;
-        background:#FE4B82; 
+        background:#00C3DA;
         height: 20px; /* �߶� */
         height: 20px; /* �߶� */
         line-height: 20px;
         line-height: 20px;
     }
     }
@@ -316,7 +317,7 @@ padding-right:3px;
 
 
 }
 }
 .detail-item2 .icon {
 .detail-item2 .icon {
-    color:#FF4B82;
+    color:#00C3DA;
 }
 }
 .detail-head {
 .detail-head {
     text-align:center;
     text-align:center;
@@ -346,7 +347,7 @@ padding-right:3px;
             color:#9F9F9F;
             color:#9F9F9F;
         }
         }
         .detail-like .selected{
         .detail-like .selected{
-              border:1px solid  #FF4B82;
+              border:1px solid  #00C3DA;
         }
         }
     .detail-like .send {
     .detail-like .send {
         border:1px solid #EAEAEA;
         border:1px solid #EAEAEA;
@@ -418,7 +419,7 @@ padding-right:3px;
     font-size:1rem;
     font-size:1rem;
 }
 }
     .search-hot .box {
     .search-hot .box {
-        border:1px solid #FF4B82;
+        border:1px solid #00C3DA;
         padding:10px;
         padding:10px;
         width:30%;
         width:30%;
         float:left;
         float:left;
@@ -426,7 +427,7 @@ padding-right:3px;
         text-align:center;
         text-align:center;
     }
     }
     .search-hot .keyword {
     .search-hot .keyword {
-        background-color:#FF4B82;
+        background-color:#00C3DA;
         color:#FFF;
         color:#FFF;
     }
     }
     .search-select{
     .search-select{
@@ -445,7 +446,7 @@ padding-right:3px;
         top:-10px;
         top:-10px;
     }
     }
     .sarch-item .level{
     .sarch-item .level{
-        background-color:#FF4B82;
+        background-color:#00C3DA;
         color:#FFF;
         color:#FFF;
         border-radius:10px;
         border-radius:10px;
         padding:0 5px;
         padding:0 5px;

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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -4,9 +4,9 @@
     <meta charset="utf-8">
     <meta charset="utf-8">
     <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
     <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
     <title></title>
     <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="js/platformOverrides.js"></script>
     <script src="lib/ionic/js/ionic.bundle.min.js"></script>
     <script src="lib/ionic/js/ionic.bundle.min.js"></script>
 
 
@@ -38,7 +38,7 @@
       <script src="js/directives/directive.js"></script>
       <script src="js/directives/directive.js"></script>
   </head>
   </head>
   <body ng-app="app">
   <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-back-button>
       </ion-nav-back-button>
     </ion-nav-bar>
     </ion-nav-bar>

BIN
miaomiao/www/lib/ionic/fonts/thsfont.eot


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

@@ -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>

BIN
miaomiao/www/lib/ionic/fonts/thsfont.ttf


BIN
miaomiao/www/lib/ionic/fonts/thsfont.woff


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

@@ -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

@@ -1,29 +1,28 @@
 <ion-view view-title="瞄瞄">
 <ion-view view-title="瞄瞄">
     <ion-content>
     <ion-content>
         <div  style="padding:30px">
         <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>
         <div class="list">
         <div class="list">
             <div class="item item-input">
             <div class="item item-input">
                 <input type="tel" ng-model="vm.mobile" placeholder="手机号码">
                 <input type="tel" ng-model="vm.mobile" placeholder="手机号码">
             </div>
             </div>
             <div class="item item-input">
             <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>
                 <button ng-click="getVerifyCode()" class="button button-calm" style="margin-right:5px">{{vm.waitSeconds}}</button>
             </div>
             </div>
         </div>
         </div>
         <div class="padding">
         <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>
             </button>
         </div>
         </div>
         <div  class="lglogin">
         <div  class="lglogin">
             <span>社交媒体登录</span>
             <span>社交媒体登录</span>
             <div class="lgsocial">
             <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>
-            
         </div>
         </div>
     </ion-content>
     </ion-content>
 </ion-view>
 </ion-view>

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

@@ -9,13 +9,13 @@
         <div class="addcontent list">
         <div class="addcontent list">
             <div class="item">你想实现的梦想</div>
             <div class="item">你想实现的梦想</div>
             <div class="item item-input-inset itemjs">
             <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">
                     <input type="text" ng-model="vm.name">
                 </label>
                 </label>
             </div>
             </div>
             <div class="item">我的梦想介绍</div>
             <div class="item">我的梦想介绍</div>
             <div class="item itemjs">
             <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>
             <div class="item">上传图片和视频,让别人更好的了解你</div>
             <div class="item">上传图片和视频,让别人更好的了解你</div>
             <div class="item itemjs">
             <div class="item itemjs">
@@ -29,7 +29,7 @@
             </div>
             </div>
             <div class="item">实现梦想所需要的人民币</div>
             <div class="item">实现梦想所需要的人民币</div>
             <div class="item item-input-inset itemjs">
             <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">
                     <input type="text" ng-model="vm.coin">
                 </label>
                 </label>

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

@@ -36,7 +36,7 @@
                         {{dream.about}}
                         {{dream.about}}
                     </p>
                     </p>
                     <div style="text-align: center">
                     <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>
                 </div>
                 <div class="item row detail-item2">
                 <div class="item row detail-item2">
@@ -50,14 +50,14 @@
                     </div>
                     </div>
                 </div>
                 </div>
                 <div class="item" style="padding:0">
                 <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 style="width: {{100*dream.get_coin/dream.coin}}%;">
                         </div>
                         </div>
                     </div>
                     </div>
                     <div class="row" >
                     <div class="row" >
                         <div class="col" style="text-align:left">
                         <div class="col" style="text-align:left">
                             <h2>{{dream.get_coin}}</h2>
                             <h2>{{dream.get_coin}}</h2>
-                            <p>目前获梦想币</p>
+                            <p>目前获梦想币</p>
                         </div>
                         </div>
                         <div class="col" style="text-align:right">
                         <div class="col" style="text-align:right">
                             <h2>{{dream.coin}}</h2>
                             <h2>{{dream.coin}}</h2>
@@ -71,8 +71,8 @@
                     <div class="col"><img ng-src="{{sort.third}}"  ng-class="sort.slide3"/></div>
                     <div class="col"><img ng-src="{{sort.third}}"  ng-class="sort.slide3"/></div>
                 </div>
                 </div>
                 <div class="item">
                 <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 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>
                     <button class="button button-outline" style="width:25%" ng-if="dream.is_collection==1" ng-click="collectionDream(0)">取消收藏</button>
                 </div>
                 </div>
@@ -149,7 +149,7 @@
           <div class="addcontent list">
           <div class="addcontent list">
             <div class="item">我的梦想互动信息</div>
             <div class="item">我的梦想互动信息</div>
             <div class="item itemjs">
             <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>
             <div class="item">上传图片,让别人更好的了解你的梦想</div>
             <div class="item">上传图片,让别人更好的了解你的梦想</div>
             <div class="item itemjs">
             <div class="item itemjs">

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

@@ -46,12 +46,13 @@
                             <img ng-src="{{item.user.avatar}}" />
                             <img ng-src="{{item.user.avatar}}" />
                             <div  class="myblock">
                             <div  class="myblock">
                                <div>{{item.user.nickname}}<span class="calm">{{item.user.birthday | getage}}岁</span></div>
                                <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>
                         </div>
                         <div class="col" style="text-align:right">
                         <div class="col" style="text-align:right">
                             <div style="margin-top:8px">
                             <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 class="calm">{{item.care_num}}</span>
                                 <span>人关注</span>
                                 <span>人关注</span>
                             </div>
                             </div>

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

@@ -1,14 +1,14 @@
 <ion-view view-title="">
 <ion-view view-title="">
     <ion-nav-buttons side="primary">
     <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>
             <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>
         </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-nav-buttons>
      <ion-content>
      <ion-content>
          <div class="list" ng-if="!isResult">
          <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="item calm search-hot">
 
 
                  <div class="box {{keyword==key?'keyword':''}}" ng-click="search(key)" ng-repeat="(key, value) in hot_searches">
                  <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

@@ -11,7 +11,7 @@
                    <div style="width: {{100*dream.get_coin/dream.coin}}%;">
                    <div style="width: {{100*dream.get_coin/dream.coin}}%;">
                    </div>
                    </div>
                </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>
            
            
        </div>
        </div>

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

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

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

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

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

@@ -1,11 +1,11 @@
 <ion-tabs class="tabs-icon-top tabs-color-active-calm">
 <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-nav-view name="app-home"></ion-nav-view>
     </ion-tab>
     </ion-tab>
     <ion-tab class="tab-item-add" icon="ion-ios-plus" ng-click="go('app.add')">
     <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-nav-view name="app-add"></ion-nav-view>
     </ion-tab>
     </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-nav-view name="app-my"></ion-nav-view>
     </ion-tab>
     </ion-tab>
 </ion-tabs>
 </ion-tabs>