|
@@ -0,0 +1,667 @@
|
|
|
|
+/**app.wxss**/
|
|
|
|
+
|
|
|
|
+.flex {
|
|
|
|
+ display: flex;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.flex-center {
|
|
|
|
+ justify-content: center;
|
|
|
|
+ align-items: center;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.flex-wrap {
|
|
|
|
+ flex-wrap: wrap;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.flex-column {
|
|
|
|
+ flex-direction: column;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.flex-bt {
|
|
|
|
+ justify-content: space-between;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.flex-start {
|
|
|
|
+ justify-content: flex-start;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.flex-end {
|
|
|
|
+ justify-content: flex-end;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.flex-aic {
|
|
|
|
+ align-items: center;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+flex-jcc {
|
|
|
|
+ justify-content: center;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.flex-ais {
|
|
|
|
+ align-items: flex-start;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.flex-aie {
|
|
|
|
+ align-items: flex-end;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.flex-1 {
|
|
|
|
+ flex: 1;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.flex-2 {
|
|
|
|
+ flex: 2;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.flex-3 {
|
|
|
|
+ flex: 3;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.flex-4 {
|
|
|
|
+ flex: 4;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+/*人民币符号 */
|
|
|
|
+
|
|
|
|
+.rmb {
|
|
|
|
+ color: #ff5100;
|
|
|
|
+ font-size: 22rpx;
|
|
|
|
+ margin-bottom: 5rpx;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+/*价格样式 */
|
|
|
|
+
|
|
|
|
+.disPrice {
|
|
|
|
+ font-size: 40rpx;
|
|
|
|
+ color: #ff5100;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.oriPrice {
|
|
|
|
+ /* font-size: 22rpx; *//* color: #999; */
|
|
|
|
+ text-decoration: line-through;
|
|
|
|
+ margin-left: 10rpx;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+/*价格小数点后两位 */
|
|
|
|
+
|
|
|
|
+.dec {
|
|
|
|
+ color: #ff5100;
|
|
|
|
+ font-size: 28rpx;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+/*分割条 */
|
|
|
|
+
|
|
|
|
+.gray-line {
|
|
|
|
+ width: 100%;
|
|
|
|
+ height: 20rpx;
|
|
|
|
+ background: #eee;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+/* 单行省略 */
|
|
|
|
+
|
|
|
|
+.ell {
|
|
|
|
+ text-overflow: ellipsis;
|
|
|
|
+ overflow: hidden;
|
|
|
|
+ white-space: nowrap;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+/* 多行省略 */
|
|
|
|
+
|
|
|
|
+.mell {
|
|
|
|
+ overflow: hidden;
|
|
|
|
+ text-overflow: ellipsis;
|
|
|
|
+ display: -webkit-box;
|
|
|
|
+ -webkit-line-clamp: 2;
|
|
|
|
+ -webkit-box-orient: vertical;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.mell3 {
|
|
|
|
+ overflow: hidden;
|
|
|
|
+ text-overflow: ellipsis;
|
|
|
|
+ display: -webkit-box;
|
|
|
|
+ -webkit-line-clamp: 3;
|
|
|
|
+ -webkit-box-orient: vertical;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+/* css 箭头 */
|
|
|
|
+
|
|
|
|
+.arrow {
|
|
|
|
+ display: inline-block;
|
|
|
|
+ border-left: 2rpx solid;
|
|
|
|
+ border-bottom: 2rpx solid;
|
|
|
|
+ width: 12rpx;
|
|
|
|
+ height: 12rpx;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.arrow-gray {
|
|
|
|
+ border-color: #999;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.arrow-black {
|
|
|
|
+ border-color: #666;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.arrow-right {
|
|
|
|
+ -webkit-transform: rotate(45deg);
|
|
|
|
+ transform: rotate(45deg);
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.arrow-down {
|
|
|
|
+ -webkit-transform: rotate(-45);
|
|
|
|
+ transform: rotate(-45deg);
|
|
|
|
+ margin-bottom: 10rpx;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.arrow-up {
|
|
|
|
+ -webkit-transform: rotate(-45deg);
|
|
|
|
+ transform: rotate(-45deg);
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+/*居右箭头 */
|
|
|
|
+
|
|
|
|
+.right-arrow {
|
|
|
|
+ width: 12rpx;
|
|
|
|
+ height: 22rpx;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.bgfff {
|
|
|
|
+ background: #fff;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.cfff {
|
|
|
|
+ color: #fff;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.red {
|
|
|
|
+ color: #f00;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.c4a {
|
|
|
|
+ color: #4a4a4a;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.c333 {
|
|
|
|
+ color: #333;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.c222 {
|
|
|
|
+ color: #222;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.c666 {
|
|
|
|
+ color: #666;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.c71 {
|
|
|
|
+ color: #717171;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.c4a {
|
|
|
|
+ color: #4a4a4a;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.c999 {
|
|
|
|
+ color: #999;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.c000 {
|
|
|
|
+ color: #000;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.cBA {
|
|
|
|
+ color: #bab9b9;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.green {
|
|
|
|
+ color: #0ea79b;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.orange {
|
|
|
|
+ color: #ff7900;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.f20 {
|
|
|
|
+ font-size: 20rpx;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.f22 {
|
|
|
|
+ font-size: 22rpx;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.f24 {
|
|
|
|
+ font-size: 24rpx;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.f26 {
|
|
|
|
+ font-size: 26rpx;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.f28 {
|
|
|
|
+ font-size: 28rpx;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.f30 {
|
|
|
|
+ font-size: 30rpx;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.f32 {
|
|
|
|
+ font-size: 32rpx;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.f34 {
|
|
|
|
+ font-size: 34rpx;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.f36 {
|
|
|
|
+ font-size: 36rpx;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.f40 {
|
|
|
|
+ font-size: 40rpx;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.f42 {
|
|
|
|
+ font-size: 42rpx;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.f48 {
|
|
|
|
+ font-size: 48rpx;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.f60 {
|
|
|
|
+ font-size: 60rpx;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.bold {
|
|
|
|
+ font-weight: bold;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.bold2 {
|
|
|
|
+ font-weight: 600;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.bold3 {
|
|
|
|
+ font-weight: 400;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.pad10 {
|
|
|
|
+ padding: 10rpx;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.pad20 {
|
|
|
|
+ padding: 20rpx;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.pad40 {
|
|
|
|
+ padding: 40rpx;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.pad25 {
|
|
|
|
+ padding: 25rpx;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.pad30 {
|
|
|
|
+ padding: 30rpx;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.pl20 {
|
|
|
|
+ padding-left: 20rpx;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.pr20 {
|
|
|
|
+ padding-right: 20rpx;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.pt20 {
|
|
|
|
+ padding-top: 20rpx;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.ptb20 {
|
|
|
|
+ padding: 20rpx 0;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.ptb30 {
|
|
|
|
+ padding: 30rpx 0;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.pb20 {
|
|
|
|
+ padding-bottom: 20rpx;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.pb40 {
|
|
|
|
+ padding-bottom: 40rpx;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.mt20 {
|
|
|
|
+ margin-top: 20rpx;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.mtb20 {
|
|
|
|
+ margin: 20rpx 0;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.mt30 {
|
|
|
|
+ margin-top: 30rpx;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.mt40 {
|
|
|
|
+ margin-top: 40rpx;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.m20 {
|
|
|
|
+ margin: 20rpx;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.m30 {
|
|
|
|
+ margin: 30rpx;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.mt10 {
|
|
|
|
+ margin-top: 10rpx;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.mt5 {
|
|
|
|
+ margin-top: 5rpx;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.mb5 {
|
|
|
|
+ margin-bottom: 5rpx;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.mb20 {
|
|
|
|
+ margin-bottom: 20rpx;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.mb10 {
|
|
|
|
+ margin-bottom: 10rpx;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.ml10 {
|
|
|
|
+ margin-left: 10rpx;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.ml20 {
|
|
|
|
+ margin-left: 20rpx;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.mr10 {
|
|
|
|
+ margin-right: 10rpx;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.mr20 {
|
|
|
|
+ margin-right: 20rpx;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.bd {
|
|
|
|
+ border: 2rpx solid #eee;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.bdt {
|
|
|
|
+ border-top: 1rpx solid #eee;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.bdb {
|
|
|
|
+ border-bottom: 1rpx solid #eee;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.bdl {
|
|
|
|
+ border-left: 1rpx solid #eee;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.bdr {
|
|
|
|
+ border-right: 1rpx solid #eee;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.b-box {
|
|
|
|
+ box-sizing: border-box;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.w100 {
|
|
|
|
+ width: 100%;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.h88 {
|
|
|
|
+ height: 88rpx;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.bg-white {
|
|
|
|
+ background: #fff;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+/*增减商品数量 */
|
|
|
|
+
|
|
|
|
+.min, .max {
|
|
|
|
+ border: 1px solid #999;
|
|
|
|
+ width: 44rpx;
|
|
|
|
+ height: 44rpx;
|
|
|
|
+ text-align: center;
|
|
|
|
+ line-height: 40rpx;
|
|
|
|
+ font-size: 38rpx;
|
|
|
|
+ color: #333;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.num {
|
|
|
|
+ width: 88rpx;
|
|
|
|
+ height: 44rpx;
|
|
|
|
+ line-height: 44rpx;
|
|
|
|
+ font-size: 26rpx;
|
|
|
|
+ border-top: 1px solid #999;
|
|
|
|
+ border-bottom: 1px solid #999;
|
|
|
|
+ text-align: center;
|
|
|
|
+ color: #333;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+/*按钮 */
|
|
|
|
+
|
|
|
|
+.btn-red {
|
|
|
|
+ color: #fff;
|
|
|
|
+ background: -webkit-linear-gradient(#ff7b00, #ff5100); /* Safari 5.1 - 6.0 */
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.btn-gray {
|
|
|
|
+ border: 1px solid #999;
|
|
|
|
+ color: #333;
|
|
|
|
+ box-sizing: border-box;
|
|
|
|
+ margin-left: 20rpx;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+/* 选中圆圈 */
|
|
|
|
+
|
|
|
|
+.chooseIcon {
|
|
|
|
+ width: 32rpx;
|
|
|
|
+ height: 32rpx;
|
|
|
|
+ border: 1rpx solid #ccc;
|
|
|
|
+ border-radius: 100%;
|
|
|
|
+ box-sizing: border-box;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+/*订单按钮 */
|
|
|
|
+
|
|
|
|
+.order-btn {
|
|
|
|
+ width: 160rpx;
|
|
|
|
+ height: 60rpx;
|
|
|
|
+ border-radius: 6rpx;
|
|
|
|
+ line-height: 60rpx;
|
|
|
|
+ font-size: 28rpx;
|
|
|
|
+ text-align: center;
|
|
|
|
+ margin-left: 20rpx;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+/*伪元素横线 */
|
|
|
|
+
|
|
|
|
+.through-line {
|
|
|
|
+ font-size: 30rpx;
|
|
|
|
+ color: #333;
|
|
|
|
+ width: 100%;
|
|
|
|
+ height: 100rpx;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.through-line::before, .through-line::after {
|
|
|
|
+ content: '';
|
|
|
|
+ background: #d7d7d7;
|
|
|
|
+ width: 80rpx;
|
|
|
|
+ height: 2rpx;
|
|
|
|
+ margin-right: 20rpx;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.through-line::after {
|
|
|
|
+ margin-left: 20rpx;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+/*去除button圆角 */
|
|
|
|
+
|
|
|
|
+button {
|
|
|
|
+ margin: 0;
|
|
|
|
+ padding: 0;
|
|
|
|
+ background: #fff;
|
|
|
|
+ border-radius: 0;
|
|
|
|
+ line-height: 1.6;
|
|
|
|
+ display: inline-block;
|
|
|
|
+ overflow: visible;
|
|
|
|
+ color: inherit;
|
|
|
|
+ background: inherit;
|
|
|
|
+ font-size: inherit;
|
|
|
|
+ box-sizing: inherit;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+button:after {
|
|
|
|
+ border: none;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+/*没有更多了 */
|
|
|
|
+
|
|
|
|
+.noMore {
|
|
|
|
+ color: #999;
|
|
|
|
+ font-size: 24rpx;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+/* 无网络状态 */
|
|
|
|
+
|
|
|
|
+.networkOff {
|
|
|
|
+ width: 100%;
|
|
|
|
+ height: 100%;
|
|
|
|
+ background: #fff;
|
|
|
|
+ position: fixed;
|
|
|
|
+ top: 0;
|
|
|
|
+ left: 0;
|
|
|
|
+ z-index: 999;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+/*行内元素 */
|
|
|
|
+
|
|
|
|
+.inline {
|
|
|
|
+ display: inline;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+/*块状元素 */
|
|
|
|
+
|
|
|
|
+.block {
|
|
|
|
+ display: block;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.inline-block {
|
|
|
|
+ display: inline-block;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.w100per {
|
|
|
|
+ width: 100%;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+/*背景蒙层 */
|
|
|
|
+
|
|
|
|
+.mask {
|
|
|
|
+ width: 100%;
|
|
|
|
+ height: 100%;
|
|
|
|
+ background: #000;
|
|
|
|
+ opacity: 0.6;
|
|
|
|
+ position: fixed;
|
|
|
|
+ top: 0;
|
|
|
|
+ left: 0;
|
|
|
|
+ z-index: 9;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+/*隐藏 */
|
|
|
|
+
|
|
|
|
+.none {
|
|
|
|
+ display: none;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+/*向左对齐 */
|
|
|
|
+
|
|
|
|
+.text-left {
|
|
|
|
+ text-align: left;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+/*居中对齐 */
|
|
|
|
+
|
|
|
|
+.text-center {
|
|
|
|
+ text-align: center;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+/* 相对定位 */
|
|
|
|
+
|
|
|
|
+.por {
|
|
|
|
+ position: relative;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.poa {
|
|
|
|
+ position: absolute;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+/* 字体横线 */
|
|
|
|
+
|
|
|
|
+.text-through {
|
|
|
|
+ text-decoration: line-through;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.lh48 {
|
|
|
|
+ line-height: 48rpx;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.greyBar {
|
|
|
|
+ width: 100%;
|
|
|
|
+ height: 20rpx;
|
|
|
|
+ background: rgba(244, 244, 244, 1);
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.through-line {
|
|
|
|
+ /* font-size: 30rpx; *//* color: #333; */
|
|
|
|
+ width: 100%;
|
|
|
|
+ height: 50rpx;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.through-line::before, .through-line::after {
|
|
|
|
+ content: '';
|
|
|
|
+ background: rgba(244, 244, 244, 1);
|
|
|
|
+ width: 180rpx;
|
|
|
|
+ height: 2rpx;
|
|
|
|
+ margin-right: 20rpx;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.through-line::after {
|
|
|
|
+ margin-left: 20rpx;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.pb20 {
|
|
|
|
+ padding-bottom: 20rpx;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.plr10 {
|
|
|
|
+ padding: 0 10rpx;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.pr10 {
|
|
|
|
+ padding-right: 10rpx;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.cred {
|
|
|
|
+ color: #f00;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.topBg {
|
|
|
|
+ position: absolute;
|
|
|
|
+ left: 0;
|
|
|
|
+ top: 0;
|
|
|
|
+ height: 196rpx;
|
|
|
|
+ z-index: -1;
|
|
|
|
+}
|