@conecli/cone-render 0.8.6 → 0.8.9

package/dist/components/base/CommonFloorHead/index.module.scss

@@ -0,0 +1,146 @@
+.d-root {
+	position: relative;
+	width: 100%;
+	margin-bottom: -24px;
+	background-color: #ffffff;
+}
+
+.d-content-wrap {
+	position: absolute;
+	// display: flex;
+	// align-items: center;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 96px;
+	// height: 100%;
+
+	&.d-has-title-bg {
+		background-size: cover;
+
+		.d-text {
+			// margin-top: -14px;
+			color: #ffffff;
+		}
+
+		.d-sub-text {
+			// margin-top: -8px;
+			color: #ffffff;
+		}
+
+		.d-content {
+			bottom: 40px;
+		}
+	}
+
+	&.d-type-is-img {
+		.d-content {
+			bottom: 44%; // 当图片标题类型渲染时，兼容新老数据，下发的图片高度会有几个尺寸，所以这里改成百分比
+		}
+	}
+
+	.d-text {
+		// margin-top: 16px;
+		margin-left: 20px;
+		font-family: 'PingFang SC';
+		font-size: 32px;
+		// line-height: 32px;
+		font-weight: bold;
+		color: #1a1a1a;
+
+		// hack修复在使用overflowhidden（为了实现过长自动出现省略号）前提下，某些字体，例如PingFang SC，默认行高时，基线和底线部分的字体内容（例如：jpqy）有可能显示不完整的问题
+		position: relative;
+		top: 2px;
+		padding-bottom: 2px;
+	}
+
+	.d-vertical-line {
+		position: relative;
+		top: -4px;
+		width: 1px;
+		height: 24px;
+		margin-left: 12px;
+		opacity: 0.3;
+		background: #ffffff;
+	}
+
+	.d-sub-text {
+		position: relative;
+		top: -2px;
+		margin-left: 12px;
+		font-family: 'PingFang SC';
+		font-size: 24px;
+		color: #808080;
+	}
+}
+
+.d-content-wrap-relative {
+	position: relative;
+}
+
+.d-content {
+	position: absolute;
+	bottom: 22px;
+	width: 100%;
+	display: flex;
+	justify-content: space-between;
+	align-items: flex-end;
+}
+
+.d-content-left {
+	flex: 1;
+	display: flex;
+	justify-content: flex-start;
+	align-items: flex-end;
+	max-width: calc(100% - 108px);
+}
+
+.d-content-right {
+	display: flex;
+	align-items: flex-end;
+	flex-shrink: 0;
+}
+
+.d-title-more {
+	position: relative;
+	top: 18px;
+	display: flex;
+	align-items: flex-end;
+	height: 56px;
+	padding-bottom: 20px;
+	padding-left: 20px;
+	padding-right: 20px;
+}
+
+.d-title-more-text {
+	font-family: 'PingFang SC';
+	font-size: 24px;
+	color: #808080;
+	display: flex;
+	align-items: center;
+	font-weight: normal;
+}
+
+.d-title-more-text-white {
+	color: #ffffff;
+}
+
+.d-title-more-arrow {
+	position: relative;
+	top: -4px;
+	width: 12px;
+	height: 20px;
+	margin-left: 10px;
+}
+
+.d-img {
+	width: 100%;
+	display: block;
+	// height: auto;
+	height: 96px;
+	background: no-repeat center/cover;
+}
+
+.d-place-holder {
+	height: 24px;
+}

package/dist/components/base/CommonFloorHead/index.tsx

@@ -0,0 +1 @@
+import React, { useMemo } from 'react'

package/dist/components/base/CountDown/index.module.scss

@@ -0,0 +1,47 @@
+
+.d-count-down {
+	position: relative;
+	z-index: 2;
+	padding-top: 1px;
+	line-height: 28px;
+	font-size: 24px;
+	font-weight: bolder;
+	color: #fff;
+	text-align: center;
+	&.d-ios-10-count-down {
+		padding-top: 9px;
+	}
+	:global {
+		.d-count-down-title {
+			// position: relative;
+			// top: -2px;
+			display: inline-block;
+			padding-right: 5px;
+			height: 24px;
+			line-height: 24px;
+			font-size: 20px;
+		}
+		.d-count-down-time {
+			display: inline-block;
+			//margin: 0 2px;
+			min-width: 24px;
+			line-height: 28px;
+			font-size: 20px;
+			text-align: center;
+		}
+		.d-time-space-text {
+			display: inline-block;
+			//margin: 0 2px;
+			font-size: 20px;
+		}
+		.d-count-from-end {
+			margin-right: 4px;
+			font-size: 9px;
+		}
+	}
+	:global(.d-count-down-time) {
+		&:global(.d-day-time) {
+			min-width: 12px;
+		}
+	}
+}

package/dist/components/base/CountDown/index.tsx

@@ -0,0 +1 @@
+import Taro from '@tarojs/taro'

package/dist/components/base/CustomImageLoadRealInfo/index.module.scss

@@ -0,0 +1,10 @@
+
+
+.d-image-bg {
+	background-repeat: no-repeat;
+	background-size: 100% auto;
+}
+.d-image-content {
+	display: block;
+	width: 100%;
+}

package/dist/components/base/CustomImageLoadRealInfo/index.tsx

@@ -0,0 +1 @@
+import Taro from '@tarojs/taro'

package/dist/components/base/CustomScrollView/index.module.scss

@@ -0,0 +1,18 @@
+
+// position: 'relative' 是解决ios浏览器设置圆角因为overflowhidden存在导致圆角失效的问题。这是safari的一个bug。解决手段目前使用这个方式最为稳妥，不要使用transform或者mask-image来解决，会导致其他问题
+.d-custom-ios-h5-extend-border-radius {
+	position: relative;
+}
+// 小程序 ios 解决圆角不生效问题
+.d-custom-ios-mini-extend-border-radius {
+	-webkit-backface-visibility: hidden;
+	-webkit-transform: translate3d(0, 0, 0);
+}
+// 小程序隐藏横向滚动条 且有圆角的时候需 overflow: hidden; h5不能这么做
+.d-custom-mini-hide-scroll {
+	overflow: hidden;
+	&::-webkit-scrollbar {
+		display: none;
+		width: 0;
+	}
+}

package/dist/components/base/CustomScrollView/index.tsx

@@ -0,0 +1 @@
+import React, { useRef, useEffect } from 'react'

package/dist/components/base/Dialog/const.ts

@@ -0,0 +1 @@
+export const DialogType = {

package/dist/components/base/Dialog/index.module.scss

@@ -0,0 +1,112 @@
+
+.d-dialog-layout {
+	position: fixed;
+	top: 0;
+	right: 0;
+	left: 0;
+	bottom: 0;
+	background: rgba(0, 0, 0, 0.5);
+	z-index: 222;
+	.d-dialog-wrap {
+		width: 100%;
+		height: 100%;
+		opacity: 0.01;
+		transform: scale(0);
+		animation: zoomIn 300ms;
+		animation-fill-mode: forwards;
+	}
+	.d-dialog-content {
+		padding-top: 30px;
+		width: 80%;
+		background-color: #fff;
+		border-radius: 18px;
+		overflow: hidden;
+	}
+	.d-dialog-header {
+		padding: 12px 30px;
+		margin: 0;
+		line-height: 44px;
+		font-size: 32px;
+		color: #333;
+		text-align: center;
+	}
+	.d-dialog-body {
+		padding: 30px;
+		font-size: 32px;
+		color: #333;
+		overflow: auto;
+		text-align: center;
+	}
+	.d-dialog-footer {
+		.d-dialog-btn {
+			position: relative;
+			display: block;
+			height: 88px;
+			line-height: 88px;
+			font-size: 30px;
+			text-align: center;
+			color: #e93b3d;
+			overflow: hidden;
+			text-overflow: ellipsis;
+			white-space: nowrap;
+			box-sizing: border-box;
+			&:after {
+				content: '';
+				display: block;
+				position: absolute;
+				width: 100%;
+				left: 0;
+				top: 0;
+				height: 1px;
+				background-color: #dadada;
+				-ms-transform: scaleX(0.5);
+				transform: scaleY(0.5);
+				pointer-events: none;
+			}
+		}
+		.d-dialog-ensure-btn {
+			&:before {
+				content: '';
+				display: block;
+				position: absolute;
+				width: 1px;
+				left: 0;
+				top: 0;
+				bottom: 0;
+				height: 100%;
+				background-color: #dadada;
+				-ms-transform: scaleX(0.5);
+				transform: scaleX(0.5);
+				pointer-events: none;
+			}
+		}
+		.d-dialog-cancel-btn {
+			background-color: #ffffff;
+			color: #000000;
+		}
+	}
+}
+@-webkit-keyframes zoomIn {
+	from {
+		opacity: 0;
+		-webkit-transform: scale3d(0.3, 0.3, 0.3);
+		transform: scale3d(0.3, 0.3, 0.3);
+	}
+
+	100% {
+		opacity: 1;
+		transform: scale3d(1, 1, 1);
+	}
+}
+@keyframes zoomIn {
+	from {
+		opacity: 0;
+		-webkit-transform: scale3d(0.3, 0.3, 0.3);
+		transform: scale3d(0.3, 0.3, 0.3);
+	}
+
+	100% {
+		opacity: 1;
+		transform: scale3d(1, 1, 1);
+	}
+}

package/dist/components/base/Dialog/index.tsx

@@ -0,0 +1 @@
+import Taro from '@tarojs/taro'

package/dist/components/base/Exposure/index.h5.module.scss

@@ -0,0 +1,7 @@
+
+.d-floor-exposure {
+	height: 0;
+	width: 100%;
+	opacity: 0;
+	pointer-events: none;
+}

package/dist/components/base/Exposure/index.h5.tsx

@@ -0,0 +1 @@
+import Taro from '@tarojs/taro'

package/dist/components/base/Exposure/index.module.scss

@@ -0,0 +1,11 @@
+
+.d-floor-exposure {
+	position: absolute;
+	top: 0;
+	left: 0;
+	right: 0;
+	height: 1px;
+	width: 100%;
+	opacity: 0;
+	pointer-events: none;
+}

package/dist/components/base/Exposure/index.tsx

@@ -0,0 +1 @@
+import Taro from '@tarojs/taro'

package/dist/components/base/JdLoading/index.module.scss

@@ -0,0 +1,34 @@
+
+.d-jd-loading{
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    z-index: 1;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    &.d-jd-full-loading{
+      position: fixed;
+      z-index: 1111111;
+    }
+    &.d-jd-local-loading{
+      position: relative;
+      padding: 20px 0;
+    }
+    &.d-jd-loading-hide{
+      display: none;
+    }
+    .d-loading-image{
+      display: inline-block;
+      width: 50px;
+      height: 50px;
+    }
+    .d-loading-text{
+      margin-left: 10px;
+      line-height: 24px;
+      font-size: 24px;
+      color: #A9A9A9;
+    }
+  }

package/dist/components/base/JdLoading/index.tsx

@@ -0,0 +1 @@
+import React from 'react'

package/dist/components/base/LazyLayoutLoad/const.ts

@@ -0,0 +1 @@
+export const LazyType = {

package/dist/components/base/LazyLayoutLoad/index.module.scss

@@ -0,0 +1,16 @@
+
+
+.d-mobile-floor-lazy-layout-load,
+.d-app-floor-lazy-layout-load {
+	position: relative;
+	background: #fff
+		url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEsAAAAeCAMAAABT0xOcAAAAe1BMVEUAAADx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fELy0NOAAAAKHRSTlMApwmfFtYm9rWveHDm70yJHYJaD2k8IeIr6pY2X0HHfsGRZDHdu1XNmO+CqgAAAu9JREFUSMfNlNmymzAQRAchkCUhdrMZbLze/v8vjIRMKN8kRR7ykFNeVIPV9Ewj039P1TR8+eILjL7RdLFFJUO8QMS7ZmyDJvZ0nDYGY+aKKDSJpY3OwWX6uFUEY/peCNEbY4Rp6AABixFYkLQRAK3VOmAjUrawMt1GrfWtXD7rlFF3uiA6HV/p0TF1tBECEVskYe+7qqW08mqT1jruneu21/72JfHoSZ7faj2bJu6mOlgEa3qjEXKeL/ACV1s5YSbqYP6stXUeX2FZnV3wuBSZqnVWqDNCIvaFRzZIiGAIw+CS/1brQCslgOQdUBoW10C2EFJei7AkygOlAnmGeMprJq/NjhZpAIrepOpOte2Oq9EXjupIMVoiXduQ9rTo7KsODhxJYaAGuJPjgRvdkRD1KP9CawRwettyF5SbVLZ49ZbuMJxGW93XisXPKA/oXNMDEReJT6N0OfZ2V4RqX4tFQPbOQbntwrl8oXCOQmu2hVosSr6j5QcW+uvukZJP37CWzL7tQs2lH8B53Nd6eq192N/72mdfa52XhdXPx6zcXKYgikLXbaNP66M27edoAO2X+RkQ9tVRhoWC6IZkCZAbHHa1SgDHNdHDsbrLr0ojKTkfDWp6+WPh1APakMAXbVrb6B/Mn+311zlETJZOCJYChttWxedUIyvyi9bLt+J4IPcLvVYypBNaDG5TguCzmct3rUkAPSdHJRLyDEjXQ6Un3GZQBamxaU09gJg+/r+4gqV0uzixXjBfLnDzixrjhDJGNoDXXqvK76OEJaO3L1bx/FQOCSxqcfJVUWiXCydEPowHeIqaZnf3wmvNRsBiC28ttEnS+1oy+lNtOMVAzayZCwsQ5ESNREgvKKuNjjI/ewNHr9Y4N5Is98llx2U8iOQXcKczhDwAM6ObayaanfWDDwhJcMvpU8ucr6+cPji5a8+UEVMCMNo97tLm0MU2uoMmi850yrc8s8Khyzuj7+Q6U7GPMCt8mOtGljP6l/wAUcBZ6lceL/8AAAAASUVORK5CYII=')
+		center center no-repeat;
+}
+
+.d-mobile-prestrain-component {
+	position: absolute;
+	top: -50vh;
+	width: 100%;
+	height: 0;
+}

package/dist/components/base/LazyLayoutLoad/index.old.tsx

@@ -0,0 +1 @@
+import Taro, { useRouter } from '@tarojs/taro'

package/dist/components/base/LazyLayoutLoad/index.tsx

@@ -0,0 +1 @@
+import Taro, { useRouter } from '@tarojs/taro'

package/dist/components/base/LazyLayoutLoad/index.weapp.tsx

@@ -0,0 +1 @@
+import Taro, { useRouter } from '@tarojs/taro'

package/dist/components/base/LazyLoadImage/const.ts

@@ -0,0 +1 @@
+export const NetWorkTypeQuality = {

package/dist/components/base/LazyLoadImage/index.h5.module.scss

@@ -0,0 +1,23 @@
+
+.d-lazy-image,
+.d-app-lazy-image {
+	background: #fff
+		url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEsAAAAeCAMAAABT0xOcAAAAe1BMVEUAAADx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fELy0NOAAAAKHRSTlMApwmfFtYm9rWveHDm70yJHYJaD2k8IeIr6pY2X0HHfsGRZDHdu1XNmO+CqgAAAu9JREFUSMfNlNmymzAQRAchkCUhdrMZbLze/v8vjIRMKN8kRR7ykFNeVIPV9Ewj039P1TR8+eILjL7RdLFFJUO8QMS7ZmyDJvZ0nDYGY+aKKDSJpY3OwWX6uFUEY/peCNEbY4Rp6AABixFYkLQRAK3VOmAjUrawMt1GrfWtXD7rlFF3uiA6HV/p0TF1tBECEVskYe+7qqW08mqT1jruneu21/72JfHoSZ7faj2bJu6mOlgEa3qjEXKeL/ACV1s5YSbqYP6stXUeX2FZnV3wuBSZqnVWqDNCIvaFRzZIiGAIw+CS/1brQCslgOQdUBoW10C2EFJei7AkygOlAnmGeMprJq/NjhZpAIrepOpOte2Oq9EXjupIMVoiXduQ9rTo7KsODhxJYaAGuJPjgRvdkRD1KP9CawRwettyF5SbVLZ49ZbuMJxGW93XisXPKA/oXNMDEReJT6N0OfZ2V4RqX4tFQPbOQbntwrl8oXCOQmu2hVosSr6j5QcW+uvukZJP37CWzL7tQs2lH8B53Nd6eq192N/72mdfa52XhdXPx6zcXKYgikLXbaNP66M27edoAO2X+RkQ9tVRhoWC6IZkCZAbHHa1SgDHNdHDsbrLr0ojKTkfDWp6+WPh1APakMAXbVrb6B/Mn+311zlETJZOCJYChttWxedUIyvyi9bLt+J4IPcLvVYypBNaDG5TguCzmct3rUkAPSdHJRLyDEjXQ6Un3GZQBamxaU09gJg+/r+4gqV0uzixXjBfLnDzixrjhDJGNoDXXqvK76OEJaO3L1bx/FQOCSxqcfJVUWiXCydEPowHeIqaZnf3wmvNRsBiC28ttEnS+1oy+lNtOMVAzayZCwsQ5ESNREgvKKuNjjI/ewNHr9Y4N5Is98llx2U8iOQXcKczhDwAM6ObayaanfWDDwhJcMvpU8ucr6+cPji5a8+UEVMCMNo97tLm0MU2uoMmi850yrc8s8Khyzuj7+Q6U7GPMCt8mOtGljP6l/wAUcBZ6lceL/8AAAAASUVORK5CYII=')
+		center center no-repeat;
+	&.d-lazy-sku-image {
+		background-image: url('https://img14.360buyimg.com/imagetools/jfs/t1/222907/25/7012/5824/61c4797cEbcd17c7f/6c76fc71e4fdb5a5.png');
+		background-size: cover;
+	}
+	&.d-load-completed {
+		background: none;
+	}
+	img {
+		display: block;
+		width: 100%;
+	}
+	&.d-hide-image-error {
+		img {
+			opacity: 0;
+		}
+	}
+}

package/dist/components/base/LazyLoadImage/index.h5.tsx

@@ -0,0 +1 @@
+import React, { useCallback, useState } from 'react'

package/dist/components/base/LazyLoadImage/index.module.scss

@@ -0,0 +1,16 @@
+
+.d-lazy-image {
+	background: #fff
+		url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEsAAAAeCAMAAABT0xOcAAAAe1BMVEUAAADx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fELy0NOAAAAKHRSTlMApwmfFtYm9rWveHDm70yJHYJaD2k8IeIr6pY2X0HHfsGRZDHdu1XNmO+CqgAAAu9JREFUSMfNlNmymzAQRAchkCUhdrMZbLze/v8vjIRMKN8kRR7ykFNeVIPV9Ewj039P1TR8+eILjL7RdLFFJUO8QMS7ZmyDJvZ0nDYGY+aKKDSJpY3OwWX6uFUEY/peCNEbY4Rp6AABixFYkLQRAK3VOmAjUrawMt1GrfWtXD7rlFF3uiA6HV/p0TF1tBECEVskYe+7qqW08mqT1jruneu21/72JfHoSZ7faj2bJu6mOlgEa3qjEXKeL/ACV1s5YSbqYP6stXUeX2FZnV3wuBSZqnVWqDNCIvaFRzZIiGAIw+CS/1brQCslgOQdUBoW10C2EFJei7AkygOlAnmGeMprJq/NjhZpAIrepOpOte2Oq9EXjupIMVoiXduQ9rTo7KsODhxJYaAGuJPjgRvdkRD1KP9CawRwettyF5SbVLZ49ZbuMJxGW93XisXPKA/oXNMDEReJT6N0OfZ2V4RqX4tFQPbOQbntwrl8oXCOQmu2hVosSr6j5QcW+uvukZJP37CWzL7tQs2lH8B53Nd6eq192N/72mdfa52XhdXPx6zcXKYgikLXbaNP66M27edoAO2X+RkQ9tVRhoWC6IZkCZAbHHa1SgDHNdHDsbrLr0ojKTkfDWp6+WPh1APakMAXbVrb6B/Mn+311zlETJZOCJYChttWxedUIyvyi9bLt+J4IPcLvVYypBNaDG5TguCzmct3rUkAPSdHJRLyDEjXQ6Un3GZQBamxaU09gJg+/r+4gqV0uzixXjBfLnDzixrjhDJGNoDXXqvK76OEJaO3L1bx/FQOCSxqcfJVUWiXCydEPowHeIqaZnf3wmvNRsBiC28ttEnS+1oy+lNtOMVAzayZCwsQ5ESNREgvKKuNjjI/ewNHr9Y4N5Is98llx2U8iOQXcKczhDwAM6ObayaanfWDDwhJcMvpU8ucr6+cPji5a8+UEVMCMNo97tLm0MU2uoMmi850yrc8s8Khyzuj7+Q6U7GPMCt8mOtGljP6l/wAUcBZ6lceL/8AAAAASUVORK5CYII=')
+		center center no-repeat;
+	&.d-lazy-sku-image {
+		background-image: url('https://img14.360buyimg.com/imagetools/jfs/t1/222907/25/7012/5824/61c4797cEbcd17c7f/6c76fc71e4fdb5a5.png');
+		background-size: cover;
+	}
+	&.d-load-completed {
+		background: none;
+	}
+	&.d-hide-image-error {
+		opacity: 0;
+	}
+}

package/dist/components/base/LazyLoadImage/index.tsx

@@ -0,0 +1 @@
+import React, { useCallback, useState } from 'react'

package/dist/components/base/NetworkDataError/const.ts

@@ -0,0 +1 @@
+import { NETWORK_DATA_TYPE } from '../../../common/const'

package/dist/components/base/NetworkDataError/index.module.scss

@@ -0,0 +1,76 @@
+
+.d-shop-network {
+	position: fixed;
+	top: 0;
+	left: 0;
+	right: 0;
+	bottom: 0;
+	background: #e5e5e5;
+	&.d-shop-network-white {
+		background-color: #fff;
+	}
+	.d-error-content {
+		text-align: center;
+	}
+
+	.d-error-tip {
+		padding: 24px 0 40px;
+		font-size: 28px;
+		line-height: 28px;
+		color: #cccccc;
+	}
+
+	.d-error-type {
+		margin: 0 auto;
+		width: 300px;
+		height: 300px;
+		background-size: contain;
+		background-repeat: no-repeat;
+	}
+
+	.d-no-network {
+		background-image: url('https://img11.360buyimg.com/imagetools/jfs/t1/183170/9/1300/33060/6088fed9E6fad2c89/ac0c00d4d90ce536.png');
+	}
+
+	.d-data-error {
+		background-image: url('https://img11.360buyimg.com/imagetools/jfs/t1/190994/19/325/42717/6088fed0Ec4b502d5/0e8de7593fb0d06c.png');
+	}
+
+	.d-no-data {
+		background-image: url('https://img11.360buyimg.com/imagetools/jfs/t1/190994/19/325/42717/6088fed0Ec4b502d5/0e8de7593fb0d06c.png');
+	}
+	.d-no-data-tip-1 {
+		background-image: url('https://img14.360buyimg.com/imagetools/jfs/t1/152550/40/8432/21643/5fc9cae0E5391a506/523da679188ff687.png');
+	}
+	.d-no-network-err-tip {
+		background-image: url('https://img14.360buyimg.com/imagetools/jfs/t1/146556/1/17745/7493/5fd1e62dE86e86669/96f5c91befa8e991.png');
+	}
+
+	.d-opt-btn {
+		padding: 0;
+		width: 160px;
+		height: 64px;
+		line-height: 64px;
+		font-size: 24px;
+		color: #fa2c19;
+		border: 1px solid #fa2c19;
+		box-sizing: border-box;
+		border-radius: 48px;
+		&:active {
+			opacity: 0.8;
+		}
+	}
+}
+
+.d-network-jd-shop-view {
+	min-height: 500px;
+}
+
+.d-shop-network-part {
+	position: absolute;
+	min-height: 500px;
+	background: #f2f2f2;
+	.d-error-tip {
+		color: #999;
+	}
+}

package/dist/components/base/NetworkDataError/index.tsx

@@ -0,0 +1 @@
+import { Button, View } from '@tarojs/components'
    backgroundColorWhite,

package/dist/components/base/Price/const.ts

@@ -0,0 +1 @@
+export const MemberPriceIcon = {