0000

pages/goodsDetails/pageBottom/pageBottom.wxss

@@ -0,0 +1,121 @@
+.bottom-bar {
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
+    background: #fff;
+    bottom: 0;
+    display: flex;
+    height: 12.8vw;
+    position: fixed;
+    width: 100%;
+    z-index: 1;
+}
+
+.thin-border_t {
+    border-color: #f4f4f4;
+    position: relative;
+}
+
+.bottom-bar .left {
+    color: #666;
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: -webkit-flex;
+    display: flex;
+    font-size: 2.667vw;
+    height: 100%;
+    width: 50%;
+}
+
+.thin-border_t:before {
+    border-bottom: .267vw solid;
+    border-color: inherit;
+    content: "";
+    left: 0;
+    position: absolute;
+    top: 0;
+    transform: scaleY(.5);
+    width: 100%;
+}
+
+.bottom-bar .left .bottom-bar-btn {
+    color: #666;
+    font-size: 2.667vw;
+    line-height: 2.667vw;
+    text-align: center;
+    width: 33%;
+}
+
+.bottom-bar .left button,.bottom-bar .left button::after,.bottom-bar .left button::before {
+    background: transparent;
+    border: none;
+}
+
+.bottom-bar .left .icon {
+    height: 5.067vw;
+    margin-bottom: .8vw;
+    margin-top: 1.867vw;
+    max-width: 100%;
+    width: 5.067vw;
+}
+
+.bottom-bar .right {
+    color: #fff;
+    font-size: 4.533vw;
+    height: 100%;
+    line-height: 12.8vw;
+    text-align: center;
+    width: 50%;
+}
+
+.menu-btns .btn {
+    -webkit-box-flex: 1;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    -webkit-box-pack: center;
+    -ms-flex-pack: center;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
+    background-color: initial;
+    border-radius: 0;
+    color: #fff;
+    display: -webkit-inline-box;
+    display: -ms-inline-flexbox;
+    display: -webkit-inline-flex;
+    display: inline-flex;
+    flex: 1;
+    flex-direction: column;
+    font-size: 3.733vw;
+    height: 100%;
+    justify-content: center;
+    line-height: 4.8vw;
+    padding: 0;
+    text-align: center;
+}
+
+.menu-btns .btn-pri,.menu-btns .btn-yuyue {
+    background-color: #06a2b3;
+    color: #fff;
+}
+
+.menu-btns .btn:only-child {
+    font-size: 4.267vw;
+}
+
+.menu-btns {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: -webkit-flex;
+    display: flex;
+    height: 100%;
+    width: 50vw;
+}
+
+.dollar,.price {
+    display: inline;
+}
+
+.bg-grey {
+    background: #999!important;
+}