From 0df518c15c4b746ced75c51745cfb849a9eba2ed Mon Sep 17 00:00:00 2001
From: JING <leirance@live.com>
Date: Tue, 6 Aug 2024 15:18:21 +0800
Subject: [PATCH] =?UTF-8?q?=E5=86=99=E7=9C=9F=E9=A1=B5=E9=9D=A2=E6=95=B4?=
 =?UTF-8?q?=E5=90=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages.json                 |   7 +
 pages/user/index.vue       |  49 ++++-
 pages/user/photo/color.vue | 203 +++++++++++++++++++++
 pagesA/photo/photo_1.vue   |   2 +-
 pagesA/photo/photo_2.vue   | 361 ++++++++++++++++++++++++++++++-------
 5 files changed, 552 insertions(+), 70 deletions(-)
 create mode 100644 pages/user/photo/color.vue

diff --git a/pages.json b/pages.json
index 485261c..c837ae4 100644
--- a/pages.json
+++ b/pages.json
@@ -54,6 +54,13 @@
 				"navigationBarTitleText": "注销账号",
 				"navigationStyle": "custom"
 			}
+		},
+		{
+			"path" : "pages/user/photo/color",
+			"style" : 
+			{
+				"navigationBarTitleText" : "照片换底色详情"
+			}
 		}
 
 	],
diff --git a/pages/user/index.vue b/pages/user/index.vue
index 45fab75..1275bf4 100644
--- a/pages/user/index.vue
+++ b/pages/user/index.vue
@@ -173,6 +173,43 @@
 				 </view>	 
 				
 				
+				<view class="picBox"  v-if="tabList[current].type == 3"  v-for="(item,index) in dataList" :key="index" @click="viewDetail(item)">
+						<view class="p_left">
+						  	<image class="p_bg" :src="item.album.face" mode="aspectFill"></image>
+							<image v-if="item.status != 3" class="p_pic" src="/static/img/user/ing.png" mode="widthFix"></image>
+						</view>
+						<view class="p_center">
+						  	<view class="p_title">{{item.album.title}}</view>
+						</view>
+						<view class="p_right">
+						  	<view class="distance">
+									<image src="/static/img/index/right.png" mode="widthFix" v-if="item.status == 3"></image>
+									<view class="ing" v-if="item.status == 1">排队中...</view>
+									<view class="ing" v-if="item.status == 2">生成中...</view>
+									<view class="ing" v-if="item.status == 2">生成失败</view>
+						  	</view>
+						</view>
+				 </view>	
+				
+				
+				<view class="picBox"  v-if="tabList[current].type == 4"  v-for="(item,index) in dataList" :key="index" @click="viewDetail(item)">
+						<view class="p_left">
+						  	<image class="p_bg" :src="item.cartoon.face" mode="aspectFill"></image>
+							<image v-if="item.status != 3" class="p_pic" src="/static/img/user/ing.png" mode="widthFix"></image>
+						</view>
+						<view class="p_center">
+						  	<view class="p_title">{{item.cartoon.title}}</view>
+						</view>
+						<view class="p_right">
+						  	<view class="distance">
+									<image src="/static/img/index/right.png" mode="widthFix" v-if="item.status == 3"></image>
+									<view class="ing" v-if="item.status == 1">排队中...</view>
+									<view class="ing" v-if="item.status == 2">生成中...</view>
+									<view class="ing" v-if="item.status == 2">生成失败</view>
+						  	</view>
+						</view>
+				 </view>	 
+				
 				 
 				
 			  </view>
@@ -392,13 +429,13 @@ export default {
 				_this.loadDataList('api/photo_synthesis/list');
 				break;
 				case 2:
-				_this.loadDataList('/api/photo_back_color/list');
+				_this.loadDataList('api/photo_back_color/list');
 				break;
 				case 3:
-				
+				_this.loadDataList('api/photo_album/list');
 				break;
 				case 4:
-				
+				_this.loadDataList('api/photo_cartoon/list');
 				break;
 			}
 		},
@@ -437,10 +474,10 @@ export default {
 								
 								break;
 								case 3:
-								
+									Data[index].album.face = _this.$api.ossurl(item.album.face);
 								break;
 								case 4:
-								
+									Data[index].cartoon.face = _this.$api.ossurl(item.cartoon.face);
 								break;
 							}
 							
@@ -546,7 +583,7 @@ export default {
 				break;
 				case 2:
 				uni.navigateTo({
-					url:'/pages/user/photo/merge?url='+encodeURIComponent(_this.$api.ossurl(item.merge_image)),
+					url:'/pages/user/photo/color?url='+encodeURIComponent(_this.$api.ossurl(item.merge_image)),
 				})
 				break;
 				case 3:
diff --git a/pages/user/photo/color.vue b/pages/user/photo/color.vue
new file mode 100644
index 0000000..ebbcdcc
--- /dev/null
+++ b/pages/user/photo/color.vue
@@ -0,0 +1,203 @@
+<template>
+	<view  class="container">
+		<view class="imgList">
+			<!--如果是多个就用imgBox-->
+			<!-- <view class="imgBox">
+				<image src="/static/img/index/pic.png" mode="aspectFill"></image>
+			</view>
+			
+			<view class="imgBox">
+				<image src="/static/img/index/pic.png" mode="aspectFill"></image>
+			</view>
+			<view class="imgBox">
+				<image src="/static/img/index/pic.png" mode="aspectFill"></image>
+			</view>
+			<view class="imgBox">
+				<image src="/static/img/index/pic.png" mode="aspectFill"></image>
+			</view> -->
+			<!--如果是一个就用picBox-->
+			<!-- <view class="picBox">
+				<image src="/static/img/index/pic.png" mode="aspectFill"></image>
+			</view> -->
+			<view class="picBox">
+				<image :src="xurl" mode="aspectFill"></image>
+			</view>
+			
+		</view>	
+		<view class="btnList">
+			<view class="btnBox a1">
+				<view class="btnImg">
+					<image src="/static/img/user/delete.png" mode="widthFix"></image>
+				</view>
+				<view class="btnTxt" @click="deletePic">删除照片</view>
+			</view>
+			<view class="btnBox a2">
+				<view class="btnImg">
+					<image src="/static/img/user/download.png" mode="widthFix"></image>
+				</view>
+				<view class="btnTxt" @click="savePic">保存到相册</view>
+			</view>
+		</view>	
+		
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				old_url:'',
+				xurl:'',
+			}
+		},
+		onLoad(option) {
+			//数据
+			var _this =this;
+			var url = option.url;
+			if(_this.$com.isNull(url))
+			{
+				uni.navigateBack({
+					delta:1,
+				})
+			}
+			_this.old_url = url;
+			_this.xurl = decodeURIComponent(url);
+		},
+		onShow() {
+			var _this = this;
+			_this.checkAuth();
+		},
+		methods: {
+			//判断
+			checkAuth() {
+				var _this = this;
+				console.log('已授权---');
+				uni.authorize({
+					scope: 'scope.writePhotosAlbum',
+					success(res) {
+						console.log('已授权', res);
+			
+					},
+					fail(err) {
+			
+						uni.showModal({
+							title: '授权失败',
+							content: '请在设置界面打开存储相关权限',
+							success: (res) => {
+								if (res.confirm) {
+									uni.openSetting()
+								}
+							}
+						})
+					},
+				})
+			},
+			deletePic()
+			{
+				var _this = this;
+				_this.$com.showError('暂不支持删除');
+			},
+			//保存道相册
+			savePic(){
+				var _this =this;
+				var url = _this.xurl;
+				uni.getSetting({
+				   success(res) {
+				      console.log(res.authSetting);
+					  if(!res.authSetting['scope.writePhotosAlbum'])
+					  {
+						  uni.openSetting();
+					  }
+					  else
+					  {
+						  // 下载图片
+						    uni.downloadFile({
+						      url: url,
+						      success: downloadResult => {
+						        if (downloadResult.statusCode === 200) {
+						          // 下载成功，保存图片到相册
+						          uni.saveImageToPhotosAlbum({
+						            filePath: downloadResult.tempFilePath,
+						            success: () => {
+						              uni.showToast({
+						                title: '保存成功'
+						              });
+						            },
+						            fail: () => {
+						              uni.showToast({
+						                title: '保存失败',
+						                icon: 'none'
+						              });
+						            }
+						          });
+						        }
+						      },
+						      fail: () => {
+						        uni.showToast({
+						          title: '下载失败',
+						          icon: 'none'
+						        });
+						      }
+						    });
+					  }
+				   }
+				})
+		
+				
+			},
+		}
+	}
+</script>
+
+<style lang="scss">
+.container{padding: 20rpx 26rpx;}
+.imgList{width: 100%; height: auto;
+ display: flex; flex-wrap: wrap;
+ justify-content: space-around; /* 使子元素在容器中均匀分布 */
+ align-items: center; /* 如果需要垂直居中子元素 */
+ }
+.imgBox{width: 340rpx; height: 440rpx; margin-bottom: 20rpx; }
+.imgBox image{width: 340rpx; height: 440rpx; border-radius: 24rpx;}
+
+
+.picBox{width: 660rpx; height: 770rpx; margin-top: 20rpx;margin-bottom: 20rpx; }
+.picBox image{width: 660rpx; height: 770rpx; border-radius: 24rpx;}
+
+.btnList{
+	width: 100%; height: 88rpx;
+	display: flex; flex-wrap: wrap;
+	justify-content: space-around; /* 使子元素在容器中均匀分布 */
+	align-items: center; /* 如果需要垂直居中子元素 */
+}
+.btnBox{
+	width: 340rpx; height: 88rpx;
+	border-radius: 44rpx;
+	display: flex;
+}
+.btnBox .btnImg{
+	width:126rpx ;
+	height: 88rpx;
+}
+.btnBox .btnImg image{
+	width:30rpx ;
+	height: 30rpx;
+	margin-top: 29rpx;
+	margin-left: 80rpx;
+}
+.btnBox .btnTxt{
+	width:214rpx ;
+	height: 88rpx;
+	font-weight: 700;
+	font-size: 30rpx;
+	line-height: 88rpx;
+}
+.a1{
+	background: linear-gradient( 270deg, rgba(46,87,241,0.15) 0%, rgba(131,88,246,0.15) 100%);
+	color:#7A74F0;
+}
+.a2{
+	background: linear-gradient( 270deg, #2E57F1 0%, #8358F6 100%);
+	color:#FFFFFF;
+}
+</style>
+
diff --git a/pagesA/photo/photo_1.vue b/pagesA/photo/photo_1.vue
index f0bcf6e..9767f99 100644
--- a/pagesA/photo/photo_1.vue
+++ b/pagesA/photo/photo_1.vue
@@ -41,7 +41,7 @@
 						<view class="photo_list_div_one_img"  >
 						
 							<image
-								:src="root+item.back_image"
+								:src="root+item.face"
 								mode="aspectFill" />
 						</view>
 						<view class="photo_list_div_one_text">
diff --git a/pagesA/photo/photo_2.vue b/pagesA/photo/photo_2.vue
index b0952da..b968c4a 100644
--- a/pagesA/photo/photo_2.vue
+++ b/pagesA/photo/photo_2.vue
@@ -6,12 +6,11 @@
 				<view class="photo_tem_1">
 					<view class="photo_tem_1_head">
 						<view class="photo_tem_1_head_1">
-							<image mode="aspectFill"
-								src="https://img30.360buyimg.com/sku/jfs/t1/221254/4/39390/74349/661e039aF46114279/48532008a0001dd0.jpg" />
+							<image mode="aspectFill" :src="album.face"></image>
 						</view>
 						<view class="photo_tem_1_head_2">
-							<view class="photo_tem_1_head_2_1">复古港风</view>
-							<view class="photo_tem_1_head_2_2">走进中国香港90年代的繁华</view>
+							<view class="photo_tem_1_head_2_1">{{album.title}}</view>
+							<view class="photo_tem_1_head_2_2">{{album.describe}}</view>
 						</view>
 						<view class="photo_tem_1_head_3">
 							<view class="y_btn">
@@ -21,7 +20,7 @@
 					</view>
 
 					<view class="photo_tem_1_2">
-						<u-swiper :list="photo_list" 
+						<u-swiper :list="album.back_image" 
 						indicator indicatorMode="line" 
 						circular
 						 radius="24rpx"
@@ -32,65 +31,72 @@
 
 				</view>
 			
-				<view class="photo_tem_2" v-if="show_btn">
+				<view class="photo_tem_2" v-if="show_btn" @click="checkHave">
 					使用模板生成
 				</view>
 			</view>
 
 		</view>
 		
-		<u-popup :show="show_2" mode="center" bgColor="transparent" :round="12">
-			<view class="show_readme_div" style="height: 380rpx;">
-				<view class="show_readme_div_1">
-					提醒
-				</view>
-				<view class="show_readme_div_2">
-					<view>目前系统还未存入您的面部档案信息，请先前往创建需要生成写真的面部档案</view>
-		
-				</view>
-				<view class="show_readme_div_line">
-					<view class="show_readme_div_4" style="width: 220rpx;">
-						暂不生成
-					</view>
-					<view class="show_readme_div_3" style="width: 220rpx;">
-						前往创建
-					</view>
-				</view>
-		
-			</view>
-		</u-popup>
-		
-		<u-popup :show="show_3" mode="center" bgColor="transparent" :round="12">
-			<view class="show_readme_div" style="height: 440rpx;">
-				<view class="show_readme_div_1">
-					请选择需要生成写真的面部档案
-				</view>
-				<view class="show_readme_div_2" style="width: 520rpx;margin-left: 40rpx;">
-					<view class="show_readme_div_2_1">
-						<view class="show_readme_div_2_1_one" v-for="(item,index) in face_list" :key="index" @tap="selectThis(index,id)">
-							<view class="show_readme_div_2_1_one_1">
-								<image :src="item.url" />
-							</view>
-							<view class="show_readme_div_2_1_one_2" v-if="index == select_index">
-								<image src="/static/img/common/photo_common_21.png" />
-							</view>
+		<u-popup :show="select_show" :round="10" mode="center" bgColor="transparent" @close="close('select_show')" @open="open('select_show')">
+		            <view class="popupBox">
+		                <view class="popupTop">
+						请选择需要生成写真的面部档案
 						</view>
+						<view class="popupDesc">
+							<scroll-view class="scrollBox" scroll-x="true" @scroll="scroll" scroll-left="0">
+									
+									<view class="imgBox"  v-for="(item,index) in selectList" :key="index" @click="selectPortrait(index,item)">
+										<image class="imgBg" :src="item.model_image_thumbnail" mode="widthFix"></image>
+										<image class="imgLoadingImg" src="/static/img/index/loading.gif" mode="widthFix" v-if="item.status != 3"></image>
+										<view class="imgLoadingTxt" v-if="item.status != 3">
+											<text v-if="item.status == 1">排队中</text>
+											<text v-if="item.status == 2">训练中</text>
+											<text v-if="item.status == 4">失败</text>
+										</view>
+										<image class="imgSelect" v-if="index == selectIndex" src="/static/img/index/select.png" mode="widthFix"></image>
+									</view>
+									
+									<!-- <view class="imgBox">
+										<image class="imgBg" src="/static/img/user/user.png" mode="widthFix"></image>
+										<image class="imgSelect" src="/static/img/index/select.png" mode="widthFix"></image>
+									</view>
+										
+									<view class="imgBox">
+										<image class="imgBg" src="/static/img/user/user.png" mode="widthFix"></image>
+										
+									</view>	
+										
+									<view class="imgBox">
+										<image class="imgBg" src="/static/img/user/user.png" mode="widthFix"></image>
+										
+									</view>		 -->
+							</scroll-view>	
+						</view>
+						<view class="popupBtn">
+							<view class="sbtnBox1 a1" @click="close('select_show')">取消</view>
+							<view class="sbtnBox1 a2" @click="submit('select_show')">确认</view>
+						</view>
+		            </view>
+		</u-popup>
 		
-						
-					</view>
 		
-				</view>
-				<view class="show_readme_div_line">
-					<view class="show_readme_div_4" style="width: 220rpx;">
-						暂不生成
-					</view>
-					<view class="show_readme_div_3" style="width: 220rpx;" @tap="goUrl('/pagesA/pohto/face')">
-						确定
-					</view>
-				</view>
+		<u-popup :show="tips_show" :round="10" mode="center" bgColor="transparent" @close="close('tips_show')" @open="open('tips_show')">
+		            <view class="popupBox">
+		                <view class="popupTop">
+							提醒
+						</view>
+						<view class="popupDesc1">
+							<u-parse :content="content" :tagStyle="style"></u-parse>
+							
+						</view>
+						<view class="popupBtn">
+							<view class="sbtnBox1 a1" @click="close('tips_show')">暂不生成</view>
+							<view class="sbtnBox1 a2" @click="submit('tips_show')">前往创建</view>
+						</view>
+		            </view>
+		</u-popup>	
 		
-			</view>
-		</u-popup>
 
 	</view>
 </template>
@@ -107,6 +113,32 @@
 				navbar_title: 'AI写真',
 				theme: "white",
 				margin_top: 10,
+				album_id:0, //写真模版id
+				album:'',
+				portrait_id:0,
+				
+				
+				//选面部档案 弹窗
+				select_show:false,
+				//弹窗
+				tips_show: false,
+				content: `<p>目前系统还未存入您的面部档案信息，</p>
+						  <p>请先前往创建需要生成写真的面部档案</p>
+						  <p>创建成功后再次生成</p>`,
+				style: {
+							// 字符串的形式
+					
+							p: 'font-weight: 400;font-size: 28rpx;color: #555555;line-height: 60rpx;',
+						
+					 },
+				
+				//选择面部档案
+				selectList:[],
+				selectIndex:0,//默认选第一个
+				show_btn:false,
+				
+				
+				
 				photo_list: [
 					'https://img30.360buyimg.com/sku/jfs/t1/221254/4/39390/74349/661e039aF46114279/48532008a0001dd0.jpg',
 
@@ -116,19 +148,26 @@
 				has_face : 1 ,//是否已有模板 及数量
 				show_3:false,
 				show_2:false,
-				show_btn:false,
+				
 				face_list :[],	
 				select_index:0,
 				select_id:''
 
 			}
 		},
-
-		mounted() {
-
-		},
-		onLoad() {
-			this.getFace()
+		onLoad(option) {
+			//数据
+			var _this =this;
+			var id = option.id;
+			if(_this.$com.isNull(id))
+			{
+				uni.navigateBack({
+					delta:1,
+				})
+			}
+			_this.album_id = id;
+			_this.geAlbumtDetail();
+			//_this.getFace()
 		},
 		onShow() {
 			
@@ -157,9 +196,113 @@
 			selectThis(index,id){
 				this.select_id = id;
 				this.select_index = index;
-			}
-			
+			},
+			geAlbumtDetail()
+			{
+				var _this =this;
+				var post = {
+					id:_this.album_id,
+				};
+				_this.$api.get('api/album/details',post,function(rs){
+						console.log(rs);
+						var Data = rs;
+						Data.face = _this.$api.ossurl(Data.face);
+						var back_image = Data.back_image;
+						back_image.forEach((item, index) => {
+							back_image[index] = _this.$api.ossurl(item);
+						}); 
+						Data.back_image = back_image;
+						_this.album = Data;
+						_this.show_btn = true;
+				});
+			},
+			checkHave()
+			{
+				var _this =this;
+				_this.getPortraitList();
+			},
+			//获取面部档案
+			getPortraitList(){
+				var _this =this;
+				var post = {};
+				_this.$api.get('api/portrait/list', post, function(res) {
+					
+								var d = res;
+								console.log(d);
+								if(d.length == 0)
+								{
+									_this.tips_show = true;
+								}
+								else
+								{
+									var selectList = d;
+									selectList.forEach((item, index) => {
+										selectList[index].model_image = item.model_image ? _this.$api.ossurl(item.model_image): '/static/img/index/p_bg.png';
+										selectList[index].model_image_thumbnail = item.model_image_thumbnail ? _this.$api.ossurl(item.model_image_thumbnail) : '/static/img/index/p_bg.png';
+									});
+									_this.selectList = selectList;
+									_this.selectIndex = 0;
+									_this.select_show = true;
+								}
+				});	
+			},
+			//选择面部档案
+			selectPortrait(index,item)
+			{
+				var _this =this;
+				if(item.status == 3)
+				{
+					_this.selectIndex = index;
+				}
 			
+			},
+			open(key) {
+			   console.log('open',key);
+			},
+			close(key) {
+				var _this = this;
+			    _this[key] = false;
+			 
+			},
+			//自定义 确认
+			submit(key){
+				var _this =this;
+				
+				 switch(key)
+				 {
+					 //显示提示信息 跳转到创建面部档案
+					 case 'tips_show':
+						_this.close(key);
+						uni.navigateTo({
+							url:'/pagesA/merge/face_1'
+						});
+					 break;
+					 //选择面部档案 跳转到选择模板信息
+					 case 'select_show':
+						_this.portrait_id = _this.selectList[_this.selectIndex].id;
+						_this.close(key);
+						var album_id = _this.album_id;
+						var portrait_id = _this.portrait_id;
+						var post = {
+							album_id:album_id,
+							portrait_id:portrait_id,
+						};
+						_this.$com.showLoading('保存图片中');
+						_this.$api.post('api/album/append', post,function(rs){
+								console.log(rs);
+								_this.$com.hideLoading();
+								uni.navigateTo({
+									url:"/pagesA/merge/success"
+								});
+								
+						});				
+					 break;
+					
+				 }
+				 
+				 
+				 
+			},
 
 		}
 	}
@@ -167,4 +310,96 @@
 
 <style lang="scss" scoped>
 	@import './this.scss';
+	
+	.popupBox{
+		width: 600rpx;
+		height: auto;
+		border-radius: 24rpx;
+		background-color: #FFFFFF;
+	}
+	.popupTop{
+		width: 600rpx;
+		height: 140rpx;
+		background: linear-gradient(to bottom, #D3D5FF 20%, #FFFFFF 50%);
+		border-radius: 24rpx 24rpx 0rpx 0rpx;
+		line-height: 140rpx;
+		text-align: center;
+		font-weight: 700;
+		font-size: 30rpx;
+		color: #333333;
+	}
+	
+	.popupBtn{ width: 100%; height: auto;
+	    display: flex; flex-wrap: wrap;
+		justify-content: space-around; /* 使子元素在容器中均匀分布 */
+		align-items: center; /* 如果需要垂直居中子元素 */
+	}
+	.sbtnBox{
+		margin: 30rpx auto;
+		width: 478rpx;
+		height: 80rpx;
+		font-weight: 700;
+		font-size: 30rpx;
+		line-height: 80rpx;
+		border: 2rpx solid #4D94FF;
+		text-align: center;
+		border-radius: 44rpx;
+		
+		
+	}
+	
+	.popupDesc{
+		width:560rpx;
+		font-weight: 400;
+		font-size: 28rpx;
+		color: #555555;
+		height: auto;
+		padding: 0rpx 20rpx;
+	}
+	
+	.popupDesc1{
+		width:480rpx;
+		font-weight: 400;
+		font-size: 28rpx;
+		color: #555555;
+		height: auto;
+		padding: 0rpx 60rpx;
+	}
+
+	.sbtnBox1{
+		margin: 30rpx auto;
+		width: 226rpx;
+		height: 80rpx;
+		font-weight: 700;
+		font-size: 30rpx;
+		line-height: 80rpx;
+		border: 2rpx solid #4D94FF;
+		text-align: center;
+		border-radius: 44rpx;
+		
+	}
+	.scrollBox {
+	 	width: 100%;
+	 	height: 160rpx;
+	 	white-space: nowrap;
+	 	
+	 }
+	.imgBox{width: 160rpx; height: 160rpx; position: relative; margin: 0rpx 0rpx 0rpx 20rpx; display: inline-block; overflow: hidden;}
+	.imgBox .imgBg{width: 160rpx; height: 160rpx; border-radius: 20rpx; position: absolute; left: 0; top: 0;}
+	.imgBox .imgLoadingImg{ width: 60rpx; height: 60rpx;position: absolute; left: 50rpx; top: 40rpx;}
+	.imgBox .imgLoadingTxt{ width: 100%; height: 40rpx; text-align: center; color:#FFFFFF; font-size: 24rpx;position: absolute; top: 100rpx;}
+	.imgBox .imgSelect{width: 40rpx; height: 34rpx;position: absolute; bottom: 0; right: 0; z-index: 5;}
+	.a1{
+		background: linear-gradient( 270deg, rgba(46,87,241,0.15) 0%, rgba(131,88,246,0.15) 100%);
+		color:#7A74F0;
+	}
+	.a2{
+		background: linear-gradient( 270deg, #2E57F1 0%, #8358F6 100%);
+		color:#FFFFFF;
+	}
+	.a3{
+		background: linear-gradient( 270deg, #2E57F1 0%, #8358F6 100%);
+		color:#FFFFFF;
+	}
+	
 </style>
\ No newline at end of file