2

src/components/word/Pronunciation.vue

 <template>
 	<view class="wordPronItem">
 		<view class="num">
-			{{cur}}/{{total}}<text style="margin-left: 6rpx;">{{type==0?'':"复习"}}</text>
+			{{cur}}/{{total}}<text style="margin-left: 6rpx;font-size: 20rpxs;">{{type==0?'':"复习"}}</text>
 		</view>
 		<view class="meaning">
 			{{item.ChineseMean}}

src/pages/index/index.vue

@@ -116,7 +116,7 @@
 				<view class="gardenCon" v-for="(item1,index1) in item.List" :key="index1" id="img">
 					<image :src="item1.Img" mode="aspectFill"
 						style="width: 100%;height:100%;border-radius: 24rpx 24rpx 0 0;"></image>
-					<view class="gardenTextBox" :style="{'background':`linear-gradient(to bottom,rgb(255,255,255,0) 0% ,${item1.bgcolor} , ${item1.bgcolor2}) ` }">
+					<view class="gardenTextBox" :style="{'background':`linear-gradient(to bottom,${item1.bgcolor},${item1.bgcolor1} , ${item1.bgcolor2})` }">
 						<view class="gardenTitle one_line">
 							{{item1.Title}}
 						</view>
@@ -124,7 +124,6 @@
 							{{item1.Digest}}
 						</view>
 					</view>
-
 				</view>
 			</view>
 
@@ -196,9 +195,8 @@
 								if(x.List.length>0){
 									x.List.forEach((item,index)=>{
 										this.getColor(item.Img,index,y).then(v=>{
-											console.log(v)
-											// item.bgcolor = v;
 											data.pageData.LearningGardenList[v.y].List[v.index].bgcolor = v.formatres;
+											data.pageData.LearningGardenList[v.y].List[v.index].bgcolor1 = v.formatres1;
 											data.pageData.LearningGardenList[v.y].List[v.index].bgcolor2 = v.formatres2;
 											
 										})
@@ -208,15 +206,14 @@
 						}
 					})
 				},
-				
 				async getColor(src,index,y) {
 					let res = await getImageColor('myCanvas', 'img', src)
 					let obj={}
-					obj.formatres = `rgba(${res.r},${res.g},${res.b},0.4)`
+					obj.formatres = `rgba(${res.r},${res.g},${res.b},0.01)`
+					obj.formatres1 = `rgba(${res.r},${res.g},${res.b},0.6)`
 					obj.formatres2 = `rgba(${res.r},${res.g},${res.b},1)`
 					obj.index = index
 					obj.y = y
-					// console.log(168, formatres)
 					return obj
 				},
 				againdata() {

src/utils/index.js

@@ -265,7 +265,6 @@ export let getImageColor = async (canvasID, imgID, imgSrc) => {
 					// 取所有像素的平均值
 					for (var row = 0; row < imgHeight; row++) {
 						for (var col = 0; col < imgWidth; col++) {
-							// console.log(data[((img.width * row) + col) * 4])
 							if (row == 0) {
 								r += data[((imgWidth * row) + col)];
 								g += data[((imgWidth * row) + col) + 1];