瀏覽代碼

no message

WIN-2CJ8FMUT9OF\Administrator 3 周之前
父節點
當前提交
763c5e9656
共有 5 個文件被更改,包括 171 次插入60 次删除
  1. 51 51
      .env.js
  2. 92 3
      common/task/loan-item.vue
  3. 2 2
      components/en-utils/en-tab/en-tab.vue
  4. 2 2
      pages/index/index.vue
  5. 24 2
      static/css/common.css

+ 51 - 51
.env.js

@@ -1,53 +1,53 @@
-let version = __wxConfig.envVersion;
+// let version = __wxConfig.envVersion;
 
-console.log('配置文件加载')
-// #ifdef MP-WEIXIN
-console.log('微信小程序验证')
-console.log(__wxConfig.envVersion)
-if (version === 'develop') {
-    //开发环境
-    ENV_CONFIG = require('.env.dev.js');
-    ENV_CONFIG.isCanvas2d = false
-}else if (__wxConfig.envVersion === 'release') {
-    //生产环境
-    ENV_CONFIG = require('.env.prod.js');
-    ENV_CONFIG.isCanvas2d = true
-}  else {
-    //体验环境
-    ENV_CONFIG = require('.env.prod.js');
-    ENV_CONFIG.isCanvas2d = true
-}
-//#endif
-// #ifndef MP-WEIXIN
-console.log('其它环境验证')
-if (version === 'develop') {
-    //开发环境
-    // ENV_CONFIG = require('.env.dev.js');
-    ENV_CONFIG = require('.env.trial.js');
-    ENV_CONFIG.isCanvas2d = false
-    // ENV_CONFIG = require('.env.prod.js');
-}else if(version === 'trial'){
-    //体验环境
-    ENV_CONFIG = require('.env.trial.js');
-    ENV_CONFIG.isCanvas2d = true
-} else{
+// console.log('配置文件加载')
+// // #ifdef MP-WEIXIN
+// console.log('微信小程序验证')
+// console.log(__wxConfig.envVersion)
+// if (version === 'develop') {
+//     //开发环境
+//     ENV_CONFIG = require('.env.dev.js');
+//     ENV_CONFIG.isCanvas2d = false
+// }else if (__wxConfig.envVersion === 'release') {
+//     //生产环境
+//     ENV_CONFIG = require('.env.prod.js');
+//     ENV_CONFIG.isCanvas2d = true
+// }  else {
+//     //体验环境
+//     ENV_CONFIG = require('.env.prod.js');
+//     ENV_CONFIG.isCanvas2d = true
+// }
+// //#endif
+// // #ifndef MP-WEIXIN
+// console.log('其它环境验证')
+// if (version === 'develop') {
+//     //开发环境
+//     // ENV_CONFIG = require('.env.dev.js');
+//     ENV_CONFIG = require('.env.trial.js');
+//     ENV_CONFIG.isCanvas2d = false
+//     // ENV_CONFIG = require('.env.prod.js');
+// }else if(version === 'trial'){
+//     //体验环境
+//     ENV_CONFIG = require('.env.trial.js');
+//     ENV_CONFIG.isCanvas2d = true
+// } else{
 
-    //生产环境
-    ENV_CONFIG = require('.env.prod.js');
-    ENV_CONFIG.isCanvas2d = true
-}
-//#endif
-// #ifdef MP-WEIXIN
-//给环境变量process.uniEnv赋值
-if (ENV_CONFIG !== null) {
-    process.uniEnv = {};
-    for (let key in ENV_CONFIG) {
-        process.uniEnv[key] = ENV_CONFIG[key];
-    }
-    // #ifdef H5
-    if (nodeEnv !== 'development') {
-        process.uniEnv.baseUrl = window.location.hostname;
-    }
-    //#endif
-}
-//#endif
+//     //生产环境
+//     ENV_CONFIG = require('.env.prod.js');
+//     ENV_CONFIG.isCanvas2d = true
+// }
+// //#endif
+// // #ifdef MP-WEIXIN
+// //给环境变量process.uniEnv赋值
+// if (ENV_CONFIG !== null) {
+//     process.uniEnv = {};
+//     for (let key in ENV_CONFIG) {
+//         process.uniEnv[key] = ENV_CONFIG[key];
+//     }
+//     // #ifdef H5
+//     if (nodeEnv !== 'development') {
+//         process.uniEnv.baseUrl = window.location.hostname;
+//     }
+//     //#endif
+// }
+// //#endif

+ 92 - 3
common/task/loan-item.vue

@@ -1,8 +1,9 @@
 <template>
-	<view class="p-30 box-border-box flex-1 flex-direction">
+	<view class="flex-1 flex-direction">
 		<swiper class="swiper-box flex-direction animate__animated animate__fadeIn flex-1" circular>
-			<swiper-item v-for="(item,index) in taskList" :key="index" class="flex-direction flex-1">
-				<view class="item-box flex-direction flex-1 page-box-bg-fff m-b20 r-30 box-shadow-197">
+			<swiper-item v-for="(item,index) in taskList" :key="index"
+				class="flex-direction p-30 box-border-box flex-1">
+				<view class="item-box flex-direction flex-1 page-box-bg-fff r-30 box-shadow-197">
 					<view class="item-top box-border-box" :style="{background:lineColor[item.id%2]}">
 						<view class="center row-justify-sb mb-24">
 							<view class="center">
@@ -43,6 +44,65 @@
 						<view class="size-22 fc-99A1AF mb-40">
 							#{{item.time}}
 						</view>
+						<view class="amount-box box-border-box sys-radius-20 center">
+							<view class="mr-20 amount-icon">
+								<uni-icons type="wallet" size="18" color="#F54900"></uni-icons>
+							</view>
+							<view class="flex-direction">
+								<view class="fc-343C47 size-24">
+									Principal Amount
+								</view>
+								<view class="size-48">
+									${{item.amount}}M
+								</view>
+							</view>
+						</view>
+						<view class="center flex-wrap mb-32">
+							<view class="mb-16 mr-20 bgc-F9FAFB r-40 b-F3F4F6-1 p-24 box-border-box w-49">
+								<view class="icon-box mb-16 bgc-fff">
+									<uni-icons type="arrow-up" size="18" color="#0F41AF"></uni-icons>
+								</view>
+								<view class="fc-6A7383 size-24 mb-16">
+									Interest Rate
+								</view>
+								<view class="size-36">
+									{{item.trend}}
+								</view>
+							</view>
+							<view class="mb-16 flex-1 bgc-F0FDF4 r-40 b-B9F8CF-1 p-24 box-border-box">
+								<view class="icon-box mb-16 bgc-DBFCE7">
+									<uni-icons type="locked" size="18" color="#00A63D"></uni-icons>
+								</view>
+								<view class="fc-6A7383 size-24 mb-16">
+									LTV Ratio
+								</view>
+								<view class="size-36">
+									{{item.risk}}
+								</view>
+							</view>
+							<view class="mr-20 bgc-F9FAFB r-40 b-F3F4F6-1 p-24 box-border-box w-49">
+								<view class="icon-box mb-16 bgc-fff">
+									<uni-icons type="calendar" size="18" color="#9810FA"></uni-icons>
+								</view>
+								<view class="fc-6A7383 size-24 mb-16">
+									Maturity
+								</view>
+								<view class="size-36">
+									Dec 31, 2027
+								</view>
+							</view>
+							<view class="bgc-F9FAFB flex-1 r-40 b-F3F4F6-1 p-24 box-border-box">
+								<view class="icon-box mb-16 bgc-fff">
+									<uni-icons type="close" size="18" color="#4E38F5"></uni-icons>
+								</view>
+								<view class="fc-6A7383 size-24 mb-16">
+									Collateral
+								</view>
+								<view class="size-36">
+									$13.5M
+								</view>
+							</view>
+						</view>
 					</view>
 				</view>
 			</swiper-item>
@@ -124,6 +184,35 @@
 </script>
 
 <style lang="scss" scoped>
+	.icon-box {
+		width: 64rpx;
+		height: 64rpx;
+		line-height: 64rpx;
+		text-align: center;
+		border-radius: 50%;
+	}
+
+	.w-49 {
+		width: 49%;
+	}
+
+	.amount-icon {
+		width: 96rpx;
+		height: 96rpx;
+		background: #fff;
+		line-height: 96rpx;
+		text-align: center;
+		border-radius: 40rpx;
+		box-shadow: 0 2rpx 12rpx 0 rgba(0, 0, 0, 0.2);
+	}
+
+	.amount-box {
+		width: 100%;
+		padding: 32rpx;
+		margin-bottom: 32rpx;
+		border: .1rpx solid #FFEED5;
+		background-image: linear-gradient(45deg, #FFF7ED 4%, #FDF3F7);
+	}
 
 	.en_button {
 		border: none;

+ 2 - 2
components/en-utils/en-tab/en-tab.vue

@@ -49,7 +49,7 @@
 		data() {
 			return {
 				tabList: [{
-						name: '工作台',
+						name: '市场',
 						path: '/pages/index/index',
 						iconPath: 'home-default',
 						selectedIconPath: 'home-select',
@@ -61,7 +61,7 @@
 					// 	selectedIconPath: 'task-select',
 					// },
 					{
-						name: '贷后',
+						name: '我的',
 						path: '/pages/loan/loan',
 						iconPath: 'loan-default',
 						selectedIconPath: 'loan-select',

+ 2 - 2
pages/index/index.vue

@@ -1,6 +1,6 @@
 <template>
 	<view class="total-page page-env-160 page-box">
-		<Nav :title="'工作台导航'" :back="false" :is_fixed="true" :opacity="scrollTop" :justify="'left'" :color="'#fff'">
+		<Nav :title="'我的'" :back="false" :is_fixed="true" :opacity="scrollTop" :justify="'left'" :color="'#fff'">
 			<view class="p-20">
 				<IndexPersonal ref="memberObj" @setMemberData="setMemberData"></IndexPersonal>
 				<!-- <IndexColumn ref="columnObj" :memberData="memberData" :model-time="modelTime"></IndexColumn> -->
@@ -8,7 +8,7 @@
 		</Nav>
 		<view class="p-20">
 			<view class="personal m-lr10 row-justify-sb center">
-				<text class="sys-weight-600">我的待办</text>
+				<text class="sys-weight-600">精选系列</text>
 				<view class="row-justify-sb center">
 					<view class="personal_text">
 						<uni-datetime-picker type="date">

+ 24 - 2
static/css/common.css

@@ -231,7 +231,9 @@
 .p-20 {
 	padding: 20rpx;
 }
-
+.p-24 {
+	padding: 24rpx;
+}
 .p-30 {
 	padding: 30rpx;
 }
@@ -668,6 +670,12 @@
 .bor-dashed-2 {
 	border: 2rpx dashed #E5E5E5;
 }
+.b-F3F4F6-1 {
+	border: .1rpx solid #F3F4F6;
+}
+.b-B9F8CF-1 {
+	border: .1rpx solid #B9F8CF;
+}
 
 .bor-bottom-1 {
 	border-bottom: 1rpx solid #E5E5E5;
@@ -681,10 +689,21 @@
 	height: 1rpx;
 	background: #CCCCCC;
 }
-
+.bgc-fff {
+	background-color: #fff;
+}
 .bgc-6A7383 {
 	background-color: #6A7383;
 }
+.bgc-F9FAFB {
+	background-color: #F9FAFB;
+}
+.bgc-F0FDF4 {
+	background-color: #F0FDF4;
+}
+.bgc-DBFCE7 {
+	background-color: #DBFCE7;
+}
 
 .fc-6A7383 {
 	color: #6A7383;
@@ -705,6 +724,9 @@
 .fc-4B5666 {
 	color: #4B5666;
 }
+.fc-343C47 {
+	color: #343C47;
+}
 
 
 /*圆角*/