pages/index/module/popup-module.vue

@@ -1,10 +1,45 @@
 <template>
 	<view class="">
 		<uni-popup background-color="#fff" ref="popup" type="bottom" border-radius="10px 10px 0 0">
-			<view class="p-24 box-border-box">
-	<!-- 			<view class="r-20" :class="colorType === 1?'':colorType === 2?'':''">
-					
-				</view> -->
+			<view class="p-24 box-border-box pop-box">
+				<view class="r-40 p-20 box-border-box flex-stretch mb-48 box-shadow" :class="colorType === 1?'bgc-F92A3B-E70073':colorType === 2?'':''">
+					<view class="mr-20 q-box fc-fff size-48" :class="colorType === 1?'bgc-F8516C':colorType === 2?'':''">
+						$
+					</view>
+					<view class="flex-direction flex-start">
+						<view class="size-24 fc-fff sys-weight-600 mb-10 zw-box" :class="colorType === 1?'bgc-F8516C':colorType === 2?'':''">
+							债务
+						</view>
+						<view class="fc-fff size-32 text-overflow-ellipsis-one mb-10">
+							优先担保贷款#2024-001
+						</view>
+						<view class="fc-fff hy-box size-24">
+							活跃的
+						</view>
+					</view>
+				</view>
+				<view class="p-tb30 bt-EDEEF0">
+					<view class="p-30 box-border-box bgc-EEFAFF r-40 mb-48 box-shadow b-DBEAFE flex-stretch">
+						<view class="ok-box r-circle bgc-DBEAFE box-border-box mr-20">
+							<view class="checkmarkempty-box r-circle center justify-center">
+								<uni-icons type="checkmarkempty" size="12" color="#155DFB"></uni-icons>
+							</view>
+						</view>
+						<view class="flex-direction flex-start">
+							<view class="center mb-10">
+								<view class="size-28 mr-18 fc-1B388E">
+									尽职调查状态
+								</view>
+								<view class="size-24 yz-box fc-008235 sys-weight-600">
+									已验证
+								</view>
+							</view>
+							<view class="size-24 fc-1547E6">
+								所有要求的文件均已验证并为最新文件
+							</view>
+						</view>
+					</view>
+				</view>
 			</view>
 		</uni-popup>
 	</view>
@@ -14,7 +49,9 @@
 	export default {
 		components: {},
 		props: {
-			colorType: {}
+			colorType: {
+				default: 1
+			}
 		},
 		data() {
 			return {}
@@ -30,5 +67,51 @@
 </script>
 
 <style lang="scss" scoped>
-
+.pop-box{
+	border-radius: 20rpx 20rpx 0 0 ;
+}
+.box-shadow{
+	box-shadow: 5rpx 5rpx 5px 0 rgba(0, 0, 0, 0.2);
+}
+.q-box{
+	width: 88rpx;
+	height: 88rpx;
+	line-height: 88rpx;
+	text-align: center;
+	border-radius: 30rpx;
+}
+.zw-box{
+	padding: 4rpx 16rpx;
+	display: inline-block;
+	border-radius: 20rpx;
+}
+.hy-box{
+	padding: 4rpx 16rpx;
+	border-radius: 20rpx;
+	background: #00CA52;
+}
+.bt-EDEEF0{
+	border-top: .1rpx solid #EDEEF0;
+}
+.b-DBEAFE{
+	border: .1rpx solid #DBEAFE;
+}
+.yz-box{
+	background: #DBFCE7;
+	border-radius: 40rpx;
+	padding: 4rpx 16rpx;
+	border: .1rpx solid #B9F8CF;
+}
+.ok-box{
+	width: 72rpx;
+	height: 72rpx;
+	line-height: 72rpx;
+	text-align: center;
+	padding: 16rpx;
+}
+.checkmarkempty-box{
+	width: 100%;
+	height: 100%;
+	border: 1rpx solid #155DFB;
+}
 </style>

static/css/common.css

@@ -156,6 +156,10 @@
 	display: flex;
 	align-items: stretch;
 }
+.flex-start {
+	display: flex;
+	align-items: flex-start;
+}
 .justify-center {
 	justify-content: center;
 }
@@ -735,6 +739,15 @@
 .bgc-E87DD2 {
 	background-color: #E87DD2;
 }
+.bgc-F8516C {
+	background-color: #F8516C;
+}
+.bgc-EEFAFF {
+	background-color: #EEFAFF;
+}
+.bgc-DBEAFE {
+	background-color: #DBEAFE;
+}
 
 .bgc-00DC73-00BF7C {
 	background-image: linear-gradient(125deg, #00C858, #00BCA2);
@@ -742,7 +755,9 @@
 .bgc-C579FF-F4399F {
 	background-image: linear-gradient(125deg, #C579FF , #F4399F);
 }
-
+.bgc-F92A3B-E70073 {
+	background-image: linear-gradient(125deg, #F92A3B , #E70073);
+}
 .fc-6A7383 {
 	color: #6A7383;
 }
@@ -773,6 +788,12 @@
 .fc-fff{
 	color: #fff;
 }
+.fc-1547E6{
+	color: #1547E6;
+}
+.fc-1B388E{
+	color: #1B388E;
+}
 
 /*圆角*/
 .r-8 {

uni_modules/k-tabs-swiper/components/k-tabs-swiper/k-tabs-swiper.vue

@@ -1,7 +1,7 @@
 <template>
 	<view class="v-tabs">
 		<scroll-view :id="getDomId" :scroll-x="scroll" :scroll-left="scroll ? scrollLeft : 0"
-			:scroll-with-animation="scroll" :style="{ position: fixed ? 'fixed' : 'relative', zIndex }">
+			:scroll-with-animation="scroll" :style="{ position: fixed ? 'fixed' : 'relative' }">
 			<view class="v-tabs__container" :style="{
           display: scroll ? 'inline-flex' : 'flex',
           whiteSpace: scroll ? 'nowrap' : 'normal',