部分页面样式调整

src/assets/images/icon/alipay.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1721207879119" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2179" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M1024.0512 701.0304V196.864A196.9664 196.9664 0 0 0 827.136 0H196.864A196.9664 196.9664 0 0 0 0 196.864v630.272A196.9152 196.9152 0 0 0 196.864 1024h630.272a197.12 197.12 0 0 0 193.8432-162.0992c-52.224-22.6304-278.528-120.32-396.4416-176.64-89.7024 108.6976-183.7056 173.9264-325.3248 173.9264s-236.1856-87.2448-224.8192-194.048c7.4752-70.0416 55.552-184.576 264.2944-164.9664 110.08 10.3424 160.4096 30.8736 250.1632 60.5184 23.1936-42.5984 42.496-89.4464 57.1392-139.264H248.064v-39.424h196.9152V311.1424H204.8V267.776h240.128V165.632s2.1504-15.9744 19.8144-15.9744h98.4576V267.776h256v43.4176h-256V381.952h208.8448a805.9904 805.9904 0 0 1-84.8384 212.6848c60.672 22.016 336.7936 106.3936 336.7936 106.3936zM283.5456 791.6032c-149.6576 0-173.312-94.464-165.376-133.9392 7.8336-39.3216 51.2-90.624 134.4-90.624 95.5904 0 181.248 24.4736 284.0576 74.5472-72.192 94.0032-160.9216 150.016-253.0816 150.016z" fill="#009FE8" p-id="2180"></path></svg>

src/assets/style/style.css

@@ -2247,7 +2247,12 @@ textarea:focus {
 .generage_btn_box .fi-bs-magic-wand.forbidden {
   cursor: no-drop;
 }
+.generage_btn_box.white .generage_btn {
+  background-color: #fff;
+  color: #000;
+}
 .generage_btn_box .generage_btn {
+  border: 2px solid #000;
   margin-left: 2rem;
   display: flex;
   font-size: 1.6rem;
@@ -2257,9 +2262,6 @@ textarea:focus {
   line-height: 5.4rem;
   height: 5.4rem;
 }
-.generage_btn_box .generage_btn {
-  width: 10rem;
-}
 .generage_btn_box .icon-xiala {
   margin-left: 1rem;
   transition: all 0.3s;
@@ -2271,24 +2273,26 @@ textarea:focus {
 .generage_btn_box .content {
   position: absolute;
   top: 100%;
-  width: calc(100% - 2rem);
-  left: 0rem;
+  width: min-content;
+  min-width: 8rem;
   text-align: center;
   border-radius: calc(1rem*1.2);
   overflow: hidden;
   z-index: 3;
   margin-top: 0.2rem;
-  margin-left: 2rem;
+  right: 0;
+  left: auto;
 }
 .generage_btn_box .content > div {
   background: #cccccc;
   line-height: 2;
-  font-size: 1.8rem;
+  font-size: 1.4rem;
   cursor: pointer;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   color: #fff;
+  padding: 0.4rem 1.2rem;
 }
 .generage_btn_box .content > div.active {
   background-color: #000;

src/assets/style/style.less

@@ -2169,8 +2169,15 @@ textarea:focus{
 			cursor: no-drop;
 		}
 	}
+	&.white{
+		.generage_btn{
+			background-color: #fff;
+			color: #000;
+		}
+	}
 	.generage_btn{
 		// margin: 0 auto;
+		border: 2px solid #000;
 		margin-left: 2rem;
 		display: flex;
 		font-size: 1.6rem;
@@ -2181,7 +2188,7 @@ textarea:focus{
 		height: 5.4rem;
 	}
 	.generage_btn{
-		width: 10rem;
+		// width: 10rem;
 	}
 	.icon-xiala{
 		margin-left: 1rem;
@@ -2194,23 +2201,26 @@ textarea:focus{
 	.content{
 		position: absolute;
 		top: 100%;
-		width: calc(100% - 2rem);
-		left: 0rem;
+		// width: calc(100% - 2rem);
+		width: min-content;
+		min-width: 8rem;
 		text-align: center;
 		border-radius: calc(1rem* 1.2);
 		overflow: hidden;
 		z-index: 3;
 		margin-top: .2rem;
-		margin-left: 2rem;
+		right: 0;
+		left: auto;
 		>div{
 			background: #cccccc;
 			line-height: 2;
-			font-size: 1.8rem;
+			font-size: 1.4rem;
 			cursor: pointer;
 			white-space: nowrap;
 			overflow: hidden;
 			text-overflow: ellipsis;
 			color: #fff;
+			padding: .4rem 1.2rem;
 			&.active{
 				background-color: #000;
 			}