first commit

项目合集/电商App/shop_fontend/src/assets/.pydio

@@ -0,0 +1 @@
+cdcbd245-9e11-4700-98e1-414630e82eec

项目合集/电商App/shop_fontend/src/assets/js/.pydio

@@ -0,0 +1 @@
+dacd1167-9c88-4332-b9e8-1440fb2adf05

项目合集/电商App/shop_fontend/src/assets/styl/.pydio

@@ -0,0 +1 @@
+59d5af02-bf69-47a0-aa2a-63a865a9d94d

项目合集/电商App/shop_fontend/src/assets/styl/imports.styl

@@ -0,0 +1,3 @@
+@import "tpl/color.styl"
+@import "tpl/mixins.styl"
+@import "tpl/clear.styl"

项目合集/电商App/shop_fontend/src/assets/styl/page/.pydio

@@ -0,0 +1 @@
+e41c62aa-1fc6-480a-9515-c82e79337036

项目合集/电商App/shop_fontend/src/assets/styl/page/account.styl

@@ -0,0 +1,88 @@
+//.account_title
+//  width 100%
+//  height 60px
+//  background #a4b0fc
+//  position relative
+//  margin-bottom 60px
+//  .status
+//    padding 0 23px
+//    height 40px
+//    background #fff
+//    text-align center
+//    line-height 40px
+//    color #a4b0fc
+//    position absolute
+//    bottom -20px
+//    transition all 0.9s
+//    font-size 16px
+//    z-index 9
+//    border-radius 2px
+//    box-shadow 1px 1px 5px #e1e1e1
+.left
+  left 50px
+.right
+  right 50px
+.account_action
+  padding-top 80px
+input
+  border none
+  border-bottom 1px solid #ebebeb
+  width 100%
+  font-size 18px
+  padding-bottom 5px
+  margin-bottom 25px
+.van-button
+  width 100%
+  margin-top 10px
+  box-shadow: 0 0.12667rem 0.93333rem #e1e1e1;
+  &:before
+    border-color #fff
+.van-button--default
+  color #fff
+.tips
+  color #ababab
+  font-size 13px
+
+.login
+  margin-top 60px
+  padding 0 20px
+.color-item
+  width 35px
+  height 35px
+  border-radius 100%
+  box-shadow: 0 0.12667rem 0.93333rem #e1e1e1;
+.van-grid
+  margin-top 30px
+  justify-content center
+  width 100%
+  bottom 20px
+  position fixed
+.account
+  height 100%
+  position fixed
+  left 0
+  top 0
+  right 0
+  bottom 0
+.backWhile
+  background #e0ecff
+.account_welcome
+  width 80%
+  height 100%
+  margin 0 auto
+  display flex
+  flex-flow column
+  align-items center
+  justify-content center
+  p
+    font-size 13px
+    color #4b4b4b
+    margin-top 15px
+    span
+      color #9a99f6
+  img
+    width 95%
+    margin-left 45px
+    margin-bottom 20px
+
+

项目合集/电商App/shop_fontend/src/assets/styl/page/car.styl

@@ -0,0 +1 @@
+

项目合集/电商App/shop_fontend/src/assets/styl/page/home.styl

@@ -0,0 +1,8 @@
+.van-image {
+  width 32px;
+}
+.home
+  .home_banner
+    position: relative;
+  .type
+    margin-bottom 10px

项目合集/电商App/shop_fontend/src/assets/styl/page/info.styl

@@ -0,0 +1,77 @@
+padding15(px = 15px)
+  padding px
+border-bottom()
+  border-bottom 5px solid #f7f7f7
+.info
+  .info_header
+    position relative
+    .header_action
+      display flex
+      justify-content space-between
+      padding 0 10px
+      box-sizing border-box
+      position fixed
+      left 0
+      width 100%
+      height 45px
+      top 0
+      z-index 9
+      align-items center
+  .info_message
+    padding15(15px)
+    border-bottom()
+    .title
+      font-size 21px
+      color #3c3c3c
+      margin-bottom 10px
+    .cont
+      color rgba(0,0,0,.54)
+      font-size 12.5px
+      line-height 18.75px
+    .price
+      margin-top 10px
+      color #ff6700
+      font-size 20px
+  .norms
+    padding 5px 15px
+    border-bottom()
+    display flex
+    justify-content space-between
+    height 40px
+    align-items center
+    font-size 13px
+  .quality
+    display flex
+    justify-content space-between
+    padding 0 10px
+    box-sizing border-box
+    height 40px
+    align-items center
+    border-bottom()
+    .left
+      line-height 15px
+      .item_1
+        float left
+        margin-right 10px
+        img
+          width 10px
+          height 10px
+          margin-right 5px
+        span
+          font-size 12px
+          color rgba(0,0,0,.54)
+    .van-icon
+      font-size 12px
+
+  .van-popup
+    img
+      width 10px
+      height 10px
+      margin-right 5px
+    p
+      border-bottom 0.02rem solid #d9d9d9
+      text-align center
+      font-size 16px
+      color rgba(0,0,0,.87)
+      padding 16px 0
+

项目合集/电商App/shop_fontend/src/assets/styl/page/me.styl

@@ -0,0 +1,39 @@
+.header
+  width 100%
+  height 200px
+  background url("/img/me_back.png") no-repeat
+  background-position center center
+  background-size cover
+  position relative
+  .setting
+    position absolute
+    right 15px
+    top 20px
+    width 25px
+    height 25px
+    z-index 9
+  .user
+    display flex
+    align-items center
+    position absolute
+    bottom 40px
+    left 20px
+    img
+      width 55px
+      height 55px
+    p
+      margin-left 10px
+      font-size 18px
+.type
+  img
+    width 35px
+.setting
+  margin-top: 15px;
+  .van-cell
+    padding-top 15px
+    padding-bottom 15px
+  img
+    width 18px
+    height 20px
+    margin-right 10px
+

项目合集/电商App/shop_fontend/src/assets/styl/page/type.styl

@@ -0,0 +1,8 @@
+.type, .content
+  height 100%
+
+.type_list
+  position fixed
+.lis
+  height: 100%;
+  overflow-y: scroll;

项目合集/电商App/shop_fontend/src/assets/styl/tpl/.pydio

@@ -0,0 +1 @@
+451f55ef-8861-41fa-a933-35a7cfc9e4a6

项目合集/电商App/shop_fontend/src/assets/styl/tpl/clear.styl

@@ -0,0 +1,68 @@
+html,body,#app
+  width 100%
+  height 95%
+
+h1,h2,h3,h4,h5,h6,p,ul,li
+  margin 0
+  padding 0
+  list-style none
+
+a
+  text-decoration none
+
+img
+  width: 100%;
+
+input
+  outline none
+
+.content
+  margin-bottom: 50px;
+
+.car .van-checkbox__icon
+  margin-left 10px
+
+.account
+  #app
+    height 100%
+  .van-tab
+    span
+      font-size 18px
+
+.list_item
+  text-align: center;
+  .item
+    margin-bottom 10px;
+  .title
+    font-size: 14px;
+    color #000
+  .info
+    color rgba(0,0,0,.54)
+    font-size 12px
+    margin-top 3.125px
+  .pice
+    color #ea625b
+    font-size 14px
+    margin-top: 5px;
+
+ .search_top
+  width: 100%;
+  display: flex
+  align-items center
+  justify-content space-between
+  background: #fff;
+  position: fixed;
+  z-index: 9;
+  left: 0;
+  top: 0;
+  .search_input
+    width 85%
+  img
+    width: 25px;
+    height: 16px;
+    margin 0 auto
+
+ .order
+  .van-key--gray
+    background #e0e0e0 !important
+

项目合集/电商App/shop_fontend/src/assets/styl/tpl/color.styl

@@ -0,0 +1,309 @@
+// app的全局颜色配置
+// app的主题色
+$themeColor = red
+
+
+$red50= #ffebee;
+$red100= #ffcdd2;
+$red200= #ef9a9a;
+$red300= #e57373;
+$red400= #ef5350;
+$red500= #f44336;
+$red600= #e53935;
+$red700= #d32f2f;
+$red800= #c62828;
+$red900= #b71c1c;
+$redA100= #ff8a80;
+$redA200= #ff5252;
+$redA400= #ff1744;
+$redA700= #d50000;
+$red= $red500;
+
+$pink50= #fce4ec;
+$pink100= #f8bbd0;
+$pink200= #f48fb1;
+$pink300= #f06292;
+$pink400= #ec407a;
+$pink500= #e91e63;
+$pink600= #d81b60;
+$pink700= #c2185b;
+$pink800= #ad1457;
+$pink900= #880e4f;
+$pinkA100= #ff80ab;
+$pinkA200= #ff4081;
+$pinkA400= #f50057;
+$pinkA700= #c51162;
+$pink= $pink500;
+
+$purple50= #f3e5f5;
+$purple100= #e1bee7;
+$purple200= #ce93d8;
+$purple300= #ba68c8;
+$purple400= #ab47bc;
+$purple500= #9c27b0;
+$purple600= #8e24aa;
+$purple700= #7b1fa2;
+$purple800= #6a1b9a;
+$purple900= #4a148c;
+$purpleA100= #ea80fc;
+$purpleA200= #e040fb;
+$purpleA400= #d500f9;
+$purpleA700= #aa00ff;
+$purple= $purple500;
+
+$deepPurple50= #ede7f6;
+$deepPurple100= #d1c4e9;
+$deepPurple200= #b39ddb;
+$deepPurple300= #9575cd;
+$deepPurple400= #7e57c2;
+$deepPurple500= #673ab7;
+$deepPurple600= #5e35b1;
+$deepPurple700= #512da8;
+$deepPurple800= #4527a0;
+$deepPurple900= #311b92;
+$deepPurpleA100= #b388ff;
+$deepPurpleA200= #7c4dff;
+$deepPurpleA400= #651fff;
+$deepPurpleA700= #6200ea;
+$deepPurple= $deepPurple500;
+
+$indigo50= #e8eaf6;
+$indigo100= #c5cae9;
+$indigo200= #9fa8da;
+$indigo300= #7986cb;
+$indigo400= #5c6bc0;
+$indigo500= #3f51b5;
+$indigo600= #3949ab;
+$indigo700= #303f9f;
+$indigo800= #283593;
+$indigo900= #1a237e;
+$indigoA100= #8c9eff;
+$indigoA200= #536dfe;
+$indigoA400= #3d5afe;
+$indigoA700= #304ffe;
+$indigo= $indigo500;
+
+$blue50= #e3f2fd;
+$blue100= #bbdefb;
+$blue200= #90caf9;
+$blue300= #64b5f6;
+$blue400= #42a5f5;
+$blue500= #2196f3;
+$blue600= #1e88e5;
+$blue700= #1976d2;
+$blue800= #1565c0;
+$blue900= #0d47a1;
+$blueA100= #82b1ff;
+$blueA200= #448aff;
+$blueA400= #2979ff;
+$blueA700= #2962ff;
+$blue= $blue500;
+
+$lightBlue50= #e1f5fe;
+$lightBlue100= #b3e5fc;
+$lightBlue200= #81d4fa;
+$lightBlue300= #4fc3f7;
+$lightBlue400= #29b6f6;
+$lightBlue500= #03a9f4;
+$lightBlue600= #039be5;
+$lightBlue700= #0288d1;
+$lightBlue800= #0277bd;
+$lightBlue900= #01579b;
+$lightBlueA100= #80d8ff;
+$lightBlueA200= #40c4ff;
+$lightBlueA400= #00b0ff;
+$lightBlueA700= #0091ea;
+$lightBlue= $lightBlue500;
+
+$cyan50= #e0f7fa;
+$cyan100= #b2ebf2;
+$cyan200= #80deea;
+$cyan300= #4dd0e1;
+$cyan400= #26c6da;
+$cyan500= #00bcd4;
+$cyan600= #00acc1;
+$cyan700= #0097a7;
+$cyan800= #00838f;
+$cyan900= #006064;
+$cyanA100= #84ffff;
+$cyanA200= #18ffff;
+$cyanA400= #00e5ff;
+$cyanA700= #00b8d4;
+$cyan= $cyan500;
+
+$teal50= #e0f2f1;
+$teal100= #b2dfdb;
+$teal200= #80cbc4;
+$teal300= #4db6ac;
+$teal400= #26a69a;
+$teal500= #009688;
+$teal600= #00897b;
+$teal700= #00796b;
+$teal800= #00695c;
+$teal900= #004d40;
+$tealA100= #a7ffeb;
+$tealA200= #64ffda;
+$tealA400= #1de9b6;
+$tealA700= #00bfa5;
+$teal= $teal500;
+
+$green50= #e8f5e9;
+$green100= #c8e6c9;
+$green200= #a5d6a7;
+$green300= #81c784;
+$green400= #66bb6a;
+$green500= #4caf50;
+$green600= #43a047;
+$green700= #388e3c;
+$green800= #2e7d32;
+$green900= #1b5e20;
+$greenA100= #b9f6ca;
+$greenA200= #69f0ae;
+$greenA400= #00e676;
+$greenA700= #00c853;
+$green= $green500;
+
+$lightGreen50= #f1f8e9;
+$lightGreen100= #dcedc8;
+$lightGreen200= #c5e1a5;
+$lightGreen300= #aed581;
+$lightGreen400= #9ccc65;
+$lightGreen500= #8bc34a;
+$lightGreen600= #7cb342;
+$lightGreen700= #689f38;
+$lightGreen800= #558b2f;
+$lightGreen900= #33691e;
+$lightGreenA100= #ccff90;
+$lightGreenA200= #b2ff59;
+$lightGreenA400= #76ff03;
+$lightGreenA700= #64dd17;
+$lightGreen= $lightGreen500;
+
+$lime50= #f9fbe7;
+$lime100= #f0f4c3;
+$lime200= #e6ee9c;
+$lime300= #dce775;
+$lime400= #d4e157;
+$lime500= #cddc39;
+$lime600= #c0ca33;
+$lime700= #afb42b;
+$lime800= #9e9d24;
+$lime900= #827717;
+$limeA100= #f4ff81;
+$limeA200= #eeff41;
+$limeA400= #c6ff00;
+$limeA700= #aeea00;
+$lime= $lime500;
+
+$yellow50= #fffde7;
+$yellow100= #fff9c4;
+$yellow200= #fff59d;
+$yellow300= #fff176;
+$yellow400= #ffee58;
+$yellow500= #ffeb3b;
+$yellow600= #fdd835;
+$yellow700= #fbc02d;
+$yellow800= #f9a825;
+$yellow900= #f57f17;
+$yellowA100= #ffff8d;
+$yellowA200= #ffff00;
+$yellowA400= #ffea00;
+$yellowA700= #ffd600;
+$yellow= $yellow500;
+
+$amber50= #fff8e1;
+$amber100= #ffecb3;
+$amber200= #ffe082;
+$amber300= #ffd54f;
+$amber400= #ffca28;
+$amber500= #ffc107;
+$amber600= #ffb300;
+$amber700= #ffa000;
+$amber800= #ff8f00;
+$amber900= #ff6f00;
+$amberA100= #ffe57f;
+$amberA200= #ffd740;
+$amberA400= #ffc400;
+$amberA700= #ffab00;
+$amber= $amber500;
+
+$orange50= #fff3e0;
+$orange100= #ffe0b2;
+$orange200= #ffcc80;
+$orange300= #ffb74d;
+$orange400= #ffa726;
+$orange500= #ff9800;
+$orange600= #fb8c00;
+$orange700= #f57c00;
+$orange800= #ef6c00;
+$orange900= #e65100;
+$orangeA100= #ffd180;
+$orangeA200= #ffab40;
+$orangeA400= #ff9100;
+$orangeA700= #ff6d00;
+$orange= $orange500;
+
+$deepOrange50= #fbe9e7;
+$deepOrange100= #ffccbc;
+$deepOrange200= #ffab91;
+$deepOrange300= #ff8a65;
+$deepOrange400= #ff7043;
+$deepOrange500= #ff5722;
+$deepOrange600= #f4511e;
+$deepOrange700= #e64a19;
+$deepOrange800= #d84315;
+$deepOrange900= #bf360c;
+$deepOrangeA100= #ff9e80;
+$deepOrangeA200= #ff6e40;
+$deepOrangeA400= #ff3d00;
+$deepOrangeA700= #dd2c00;
+$deepOrange= $deepOrange500;
+
+$brown50= #efebe9;
+$brown100= #d7ccc8;
+$brown200= #bcaaa4;
+$brown300= #a1887f;
+$brown400= #8d6e63;
+$brown500= #795548;
+$brown600= #6d4c41;
+$brown700= #5d4037;
+$brown800= #4e342e;
+$brown900= #3e2723;
+$brown= $brown500;
+
+$blueGrey50= #eceff1;
+$blueGrey100= #cfd8dc;
+$blueGrey200= #b0bec5;
+$blueGrey300= #90a4ae;
+$blueGrey400= #78909c;
+$blueGrey500= #607d8b;
+$blueGrey600= #546e7a;
+$blueGrey700= #455a64;
+$blueGrey800= #37474f;
+$blueGrey900= #263238;
+$blueGrey= $blueGrey500;
+
+$grey50= #fafafa;
+$grey100= #f5f5f5;
+$grey200= #eeeeee;
+$grey300= #e0e0e0;
+$grey400= #bdbdbd;
+$grey500= #9e9e9e;
+$grey600= #757575;
+$grey700= #616161;
+$grey800= #424242;
+$grey900= #212121;
+$grey= $grey500;
+
+$black= #000000;
+$white= #ffffff;
+
+$transparent= rgba(0, 0, 0, 0);
+$fullBlack= rgba(0, 0, 0, 1);
+$darkBlack= rgba(0, 0, 0, 0.87);
+$lightBlack= rgba(0, 0, 0, 0.54);
+$minBlack= rgba(0, 0, 0, 0.26);
+$faintBlack= rgba(0, 0, 0, 0.12);
+$fullWhite= rgba(255, 255, 255, 1);
+$darkWhite= rgba(255, 255, 255, 0.87);
+$lightWhite= rgba(255, 255, 255, 0.54);

项目合集/电商App/shop_fontend/src/assets/styl/tpl/mixins.styl

@@ -0,0 +1,25 @@
+// app 的全局方法配置
+
+
+hairline(color = #eee)
+  &:before
+    content ''
+    position absolute
+    left 0
+    top 0
+    bottom auto
+    right auto
+    height 1px
+    width 100%
+    background-color color
+    display block
+    z-index 15
+    html.pixel-ratio-2 &
+      transform(scaleY(0.5))
+
+    html.pixel-ratio-3 &
+      transform(scaleY(0.33))
+
+transform(t)
+  -webkit-transform t
+  transform t