fe / yohobuywap-node · Commits

Go to a project

Authored by 毕凯
Commit 902a3f2b560f2aecab8645e70de685466e24d1e0 1 parent fff197ed

完善频道页面公有样式

Inline Side-by-side
Showing 6 changed files with 280 additions and 4 deletions
@@ -24,10 +24,8 @@ @@ -24,10 +24,8 @@
24 <link rel="stylesheet" href="//cdn.yoho.cn/m-yohobuy-node/{{version}}/index.css"> 24 <link rel="stylesheet" href="//cdn.yoho.cn/m-yohobuy-node/{{version}}/index.css">
25 {{/if}} 25 {{/if}}
26 </head> 26 </head>
27 - <body>  
28 - {{> header}}  
29 - {{{body}}}  
30 - {{> footer}} 27 + <body>
  28 + {{{body}}}
31 {{#if devEnv}} 29 {{#if devEnv}}
32 <script src="//localhost:5000/{{module}}.{{page}}.js"></script> 30 <script src="//localhost:5000/{{module}}.{{page}}.js"></script>
33 {{^}} 31 {{^}}
  1 +.order-failure {
  2 + background-image: resolve('common/order-good.jpg');
  3 + background-size: 100%;
  4 +}
  5 +
  6 +.good-failure {
  7 + background-image: resolve('common/order-good.jpg');
  8 + background-size: 132px !important;
  9 + background-position-x: 40%;
  10 +}
  1 +.loading-mask {
  2 + position: fixed;
  3 + background: rgba(0, 0, 0, 0.1);
  4 + top: 0;
  5 + bottom: 0;
  6 + right: 0;
  7 + left: 0;
  8 +
  9 + @keyframes scale {
  10 + 0% {
  11 + transform: scale(1);
  12 + opacity: 1;
  13 + }
  14 +
  15 + 45% {
  16 + transform: scale(0.1);
  17 + opacity: 0.7;
  18 + }
  19 +
  20 + 80% {
  21 + transform: scale(1);
  22 + opacity: 1;
  23 + }
  24 + }
  25 +
  26 + .loading {
  27 + position: absolute;
  28 + width: 60PX;
  29 + height: 20PX;
  30 + top: 50%;
  31 + left: 50%;
  32 + margin-top: -10PX;
  33 + margin-left: -30PX;
  34 +
  35 + > div {
  36 + display: inline-block;
  37 + background: #fff;
  38 + width: 15PX;
  39 + height: 15PX;
  40 + border-radius: 100%;
  41 + margin: 2PX;
  42 + $init: 0.12;
  43 +
  44 + @for $i from 1 to 3 {
  45 + &:nth-child($i) {
  46 + animation: scale 0.75s $(init)s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08) ;
  47 + }
  48 + $init: ($i + 1) * 0.12;
  49 + }
  50 + }
  51 + }
  52 +}
  1 +html,
  2 +body,
  3 +div,
  4 +span,
  5 +applet,
  6 +object,
  7 +iframe,
  8 +h1,
  9 +h2,
  10 +h3,
  11 +h4,
  12 +h5,
  13 +h6,
  14 +p,
  15 +blockquote,
  16 +pre,
  17 +a,
  18 +abbr,
  19 +acronym,
  20 +address,
  21 +big,
  22 +cite,
  23 +code,
  24 +del,
  25 +dfn,
  26 +em,
  27 +img,
  28 +ins,
  29 +kbd,
  30 +q,
  31 +s,
  32 +samp,
  33 +small,
  34 +strike,
  35 +strong,
  36 +sub,
  37 +sup,
  38 +tt,
  39 +var,
  40 +b,
  41 +u,
  42 +i,
  43 +center,
  44 +dl,
  45 +dt,
  46 +dd,
  47 +ol,
  48 +ul,
  49 +li,
  50 +fieldset,
  51 +form,
  52 +label,
  53 +legend,
  54 +table,
  55 +caption,
  56 +tbody,
  57 +tfoot,
  58 +thead,
  59 +tr,
  60 +th,
  61 +td,
  62 +article,
  63 +aside,
  64 +canvas,
  65 +details,
  66 +embed,
  67 +figure,
  68 +figcaption,
  69 +footer,
  70 +header,
  71 +hgroup,
  72 +menu,
  73 +nav,
  74 +output,
  75 +ruby,
  76 +section,
  77 +summary,
  78 +time,
  79 +mark,
  80 +audio,
  81 +video {
  82 + margin: 0;
  83 + padding: 0;
  84 + border: 0;
  85 + font: inherit;
  86 + font-size: 100%;
  87 + vertical-align: baseline;
  88 +}
  89 +
  90 +html {
  91 + line-height: 1;
  92 +}
  93 +
  94 +ol,
  95 +ul {
  96 + list-style: none;
  97 +}
  98 +
  99 +table {
  100 + border-collapse: collapse;
  101 + border-spacing: 0;
  102 +}
  103 +
  104 +caption,
  105 +th,
  106 +td {
  107 + text-align: left;
  108 + font-weight: normal;
  109 + vertical-align: middle;
  110 +}
  111 +
  112 +q,
  113 +blockquote {
  114 + quotes: none;
  115 +}
  116 +
  117 +q:before,
  118 +q:after,
  119 +blockquote:before,
  120 +blockquote:after {
  121 + content: "";
  122 + content: none;
  123 +}
  124 +
  125 +a img {
  126 + border: none;
  127 +}
  128 +
  129 +article,
  130 +aside,
  131 +details,
  132 +figcaption,
  133 +figure,
  134 +footer,
  135 +header,
  136 +hgroup,
  137 +main,
  138 +menu,
  139 +nav,
  140 +section,
  141 +summary {
  142 + display: block;
  143 +}
  1 +@charset "utf-8";
  2 +@use postcss-clearfix ;
  3 +
  4 +.clearfix {
  5 + clear: fix;
  6 +}
  7 +
  8 +* {
  9 + -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  10 +}
  11 +
  12 +html,
  13 +body {
  14 + font-family: helvetica, Arial, "黑体";
  15 + width: 100%;
  16 + font-size: 12PX;
  17 + line-height: 1.4;
  18 +}
  19 +
  20 +button,
  21 +input,
  22 +select,
  23 +textarea {
  24 + font-size: 100%;
  25 + margin: 0;
  26 +}
  27 +
  28 +img {
  29 + max-width: 100%;
  30 + display: block;
  31 + border: 0;
  32 + margin: 0 auto;
  33 +}
  34 +
  35 +a {
  36 + text-decoration: none;
  37 + outline: none;
  38 + color: #000;
  39 +}
  40 +
  41 +*:focus {
  42 + outline: none;
  43 +}
  44 +
  45 +.hide {
  46 + display: none;
  47 +}
  48 +
  49 +.overflow-hidden {
  50 + overflow: hidden;
  51 +}
  52 +
  53 +.yoho-tip {
  54 + position: fixed;
  55 + display: none;
  56 + text-align: center;
  57 + width: 70%;
  58 + padding: 34PX 0;
  59 + top: 50%;
  60 + left: 50%;
  61 + margin-left: -35%;
  62 + margin-top: -45PX;
  63 + background-color: rgba(0, 0, 0, 0.7);
  64 + color: #fff;
  65 + font-size: 18PX;
  66 + border: none;
  67 + z-index: 4;
  68 + border-radius: 10PX;
  69 +}
  70 +
  71 +@import "common/reset";
  72 +@import "common/lazy-failure";
  73 +@import "common/loading";
1 @import "channel/index"; 74 @import "channel/index";