From e6e98ab04fee076ed501be21aaaf034824cf2de3 Mon Sep 17 00:00:00 2001
From: zhangsir <z1823137@163.com>
Date: Mon, 3 Jun 2024 11:04:55 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B7=AF=E5=BE=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/study/index.vue                | 110 ++++++++++++++++++++++++++-
 static/images/learnpath/explain.png  | Bin 0 -> 360 bytes
 static/images/learnpath/file.png     | Bin 0 -> 280 bytes
 static/images/learnpath/plan.png     | Bin 0 -> 503 bytes
 static/images/learnpath/whyWhite.png | Bin 0 -> 625 bytes
 5 files changed, 109 insertions(+), 1 deletion(-)
 create mode 100644 static/images/learnpath/explain.png
 create mode 100644 static/images/learnpath/file.png
 create mode 100644 static/images/learnpath/plan.png
 create mode 100644 static/images/learnpath/whyWhite.png

diff --git a/pages/study/index.vue b/pages/study/index.vue
index 826edcf..4488f83 100644
--- a/pages/study/index.vue
+++ b/pages/study/index.vue
@@ -132,7 +132,29 @@
 					<text class="text">我的成长路径</text>
 					<image src="../../static/images/learnpath/why.png" class="image"></image>
 				</view>
-				<view class="learn_right">什么是成长路径</view>
+				<view class="learn_right">
+					<text class="text">什么是成长路径</text>
+					<image class="image" src="../../static/images/learnpath/whyWhite.png" mode=""></image>
+				</view>
+			</view>
+			<view class="line"></view>
+			<view class="learn_body">
+				<view class="body_job">
+					<view class="name">产品企划岗Band6～7成长路径</view>
+					<view class="job">
+						<text>京东方集团股份有限公司</text>
+						<text> 学习状态：进行中</text>
+					</view>
+				</view>
+				<view class="body_item">
+					<view class="body_top">
+						<image class="img" src="../../static/images/learnpath/explain.png" mode=""></image>
+						<text class="text">说明</text>
+					</view>
+					<view class="body_down">
+						请各位选课的同学提前阅读本课程的 “教学大纲与计划”、“课程考核要求”与“学习要求”，并按给定的中学化学教学主题分好小组每位同学在网上学习的活动轨迹都会自动被系统记录將作为大家个人线上参与的评价依据;请大家务必......
+					</view>
+				</view>
 			</view>
 		</view>
 		<u-modal :show="studyResetShow" :showCancelButton="true" @cancel="cancelResetStudy" @confirm="resetStudy"	ref="uModal" :asyncClose="true">
@@ -768,10 +790,19 @@
 		padding: 33px 25px 33px 25px;
 	}
 	.learn{
+		.line{
+			width: 100%;
+			height: 20rpx;
+			background: #F9F9F9;
+		}
 		.learn_header{
 			display: flex;
 			justify-content: space-between;
+			align-items: center;
+			margin-top: 20rpx;
+			margin-bottom: 30rpx;
 			.learn_left{
+				margin-left: 36rpx;
 				.text{
 					width: 192rpx;
 					height: 44rpx;
@@ -780,10 +811,13 @@
 					color: #333333;
 					line-height: 44rpx;
 					text-align: left;
+					margin-right: 14rpx;
+					vertical-align: middle;
 				}
 				.image{
 					width: 32rpx;
 					height: 32rpx;
+					vertical-align: middle;
 				}
 			}
 			.learn_right{
@@ -792,6 +826,80 @@
 				background: #387DF7;
 				box-shadow: 2rpx 4rpx 16rpx 0rpx rgba(56,125,247,0.34);
 				border-radius: 40rpx;
+				margin-right: 20rpx;
+				display: flex;
+				justify-content: center;
+				align-items: center;
+				.text{
+					height: 40rpx;
+					font-weight: 400;
+					font-size: 28rpx;
+					color: #FFFFFF;
+					line-height: 40rpx;
+					margin-right: 14rpx;
+					vertical-align: middle;
+				}
+				.image{
+					width: 40rpx;
+					height: 40rpx;
+					vertical-align: middle;
+				}
+			}
+		}
+		.learn_body{
+			.body_job{
+				background: linear-gradient( 180deg, #3161FA 0%, #5195FF 100%);
+				border-radius: 8rpx;
+				border: 2rpx solid #E4EDFE;
+				margin: 24rpx 28rpx 40rpx 30rpx;
+				padding: 40rpx 28rpx 32rpx 40rpx;
+				.name{
+					height: 44rpx;
+					font-weight: 600;
+					font-size: 32rpx;
+					color: #FFFFFF;
+					line-height: 44rpx;
+					margin-bottom: 20rpx;
+				}
+				.job{
+					height: 40rpx;
+					font-weight: 400;
+					font-size: 28rpx;
+					color: #FFFFFF;
+					line-height: 40rpx;
+					display: flex;
+					justify-content: space-between;
+				}
+			}
+		}
+		.body_item{
+			margin-bottom: 30rpx;
+			margin-left: 34rpx;
+			.body_top{
+				.img{
+					width: 32rpx;
+					height: 32rpx;
+					vertical-align: middle;
+					margin-right: 20rpx;
+				}
+				.text{
+					height: 44rpx;
+					font-weight: 600;
+					font-size: 32rpx;
+					color: #333333;
+					line-height: 44rpx;
+					vertical-align: middle;
+				}
+			}
+			.body_down{
+				margin: 24rpx 30rpx 30rpx 28rpx;
+				padding: 22rpx 38rpx 26rpx 40rpx;
+				max-height: 328rpx;
+				background: #F7F7F7;
+				border-radius: 8rpx;
+				font-weight: 400;
+				font-size: 28rpx;
+				color: #333333;
 			}
 		}
 	}
diff --git a/static/images/learnpath/explain.png b/static/images/learnpath/explain.png
new file mode 100644
index 0000000000000000000000000000000000000000..8f145d455e22f2cba4dd7e7d451ff1efcf5ae14d
GIT binary patch
literal 360
zcmV-u0hj)XP)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV00001b5ch_0Itp)
z=>Px$B1uF+R5(wild(zzK@f(&KUxWaG+K#8Ds60HCl*##X|%Jl(enj@V5dk>gCK&)
z1rhN9()b8IL`uQdF4xM9T<$i>o#$$FtGV6TZ~psdR{KwOC~*l?nQlcuOM8zt7+zN4
zwq@VReiFO$d>m=_!CdNe^&NlbehjEUAMxTN#m0tU#pS3OW`I;`_c>7D12jVmfrBJR
z0&U&pe&OBV%?A)H0rMjTo3{lIislVVWk$MqqJq|Ma)6$UwoieHV_<uvVC^~uWJP-M
zhaWIATL7$Hm9%kE@(<0`awl)1zA@3DQN~jJ+{{gxLHG5jyp8pX5~T)OY>y92^oh#{
zNlJTPTv|B$=P1`sZGchz@*sX;q(r2-6ALV+^OxtW3aw9DF=97;OTY*K0000<MNUMn
GLSTYgUYZmD

literal 0
HcmV?d00001

diff --git a/static/images/learnpath/file.png b/static/images/learnpath/file.png
new file mode 100644
index 0000000000000000000000000000000000000000..f83a18a5767433b638e37c9392ab7bceb944f244
GIT binary patch
literal 280
zcmV+z0q6dSP)<h;3K|Lk000e1NJLTq000#L000sQ1^@s6v=Wsr00001b5ch_0Itp)
z=>Px#(n&-?R5(xV)ISaZK@`XF@AD@_;Q|ie8rx`HKq6r;K*AZEf?bUZH~>l&^>zws
zp%K<TA<^t^c1LU@G2P6(`AqW5%oEGe5di~)0->RB0(z^iIN`mdxmaVp#ewfb3V|s0
z(iYbg7HgtvP<$7mz39lypcYfq#6lI%_i1E`zHV0f*`qLwMVoafN8Um-f%P7C$H;mV
ztrTJ2f}EtsINgA|H9(&wwJMbI>FD7M7vB&~=MpR8GyS9AB=A$2rnJ6~b9nvzgeLtd
esDkHTX*>W!%wGsXj?5SU0000<MNUMnLSTYM^>xAk

literal 0
HcmV?d00001

diff --git a/static/images/learnpath/plan.png b/static/images/learnpath/plan.png
new file mode 100644
index 0000000000000000000000000000000000000000..368168ffc8a2bd81ff54cba32b35d15d2f877e69
GIT binary patch
literal 503
zcmV<T0SNwyP)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV00001b5ch_0Itp)
z=>Px$u}MThR5(wKlR-#SQ51&1bEnW;v?&dxRxaAL$b}(pW~I0gT;)cnpkWqC5QYmy
z6m=mn3qe9!Bq)N*R2XVCo4_HkMXOr0keRT82#OXV^ZuAO?~V73Gvr&md+)jD{O6qi
z{MRyDDhaMr{S^MO+7cgYhUm_}G^1?yHq`DM>59l-yuc0jhu=|r%jItyA5+GIAfON?
z8-J;OgJMP8O^IJ&WD2OXz;Nt1V|e?%6+?irO?9~wz7j+QHY?fh$<T@D-g{`@;&vH*
zp`t|p|H_X@dbgjk(6<gSw60+wk4|k(!7QY6<W1IICjhF4^m8o`FjpT%%)E~z77LSB
z^YJT)4TEc%P(Tjo^yADp#+ZKl$hH#p#xna>m36R$xRSUtegrUk_}JE40^G{!nZZ;-
zI1L$O<UTyHsWUCy%xTn#SLY!y5M!U7+HQh_-W44Jx08IG64jvO_n)V&uMTi^S>2aX
zd{HE%aJG?{{6K&2M9<NT9f!WxmUKsO&}{B?q4<xh>KHKaea;Syd9`0Q($2^?6;3s+
tj}p&cjQkV@>zG%GhUa`PIoH}O{{wusi1nqK--ZAH002ovPDHLkV1gsn>tO%@

literal 0
HcmV?d00001

diff --git a/static/images/learnpath/whyWhite.png b/static/images/learnpath/whyWhite.png
new file mode 100644
index 0000000000000000000000000000000000000000..96ae43493e86c93301691dc93c96a21fd5959e79
GIT binary patch
literal 625
zcmV-%0*?KOP)<h;3K|Lk000e1NJLTq000yK000yS1^@s6jfou%00001b5ch_0Itp)
z=>Px%D@jB_R5(wSl}(6GVHm}K$3m8NLSumq3u919KFUJ!QDZSIG<(SmNuq3t!Xz}7
ziWHN4Ze&3=(vWW}8suZa!b%d3`;7PAUblN^csKul|M&dQJ<s!;=UmZnY)=GwfNo$R
zFfGA801tr6z>uWx^}nnBgY6(X3QPy?0e676KwxJ8%Yenedtj%ep`4>4v^@bh25bYa
z0(&LBXsKWha3EE10@yC;S739(<G|K*8K7~G?JYq3@06sziZGRV0qB!dk=dRE>?!)T
zKCxd14oUi2J}r?B0vn@zr2)JG9!px60Ym*wU<q&@Ft8~NWu>Ga8TJye2$&Uwn~N`J
zfKEwIGtk-s6pB_!3Sw+8O+)IDbTPxu1)c%DK^Rk-DJkqx9otcAzogPKqj$DH0|S!w
z*YLx@>mVEfu1MNZ155@wYO0q5x5J~k!t|i9+J+$f2JDk`c&xG74y)V(UKXD#B>k)j
z2tfz`iO}{G;34oOk$q}dh>9>uz9y-^O`+{5r?+TLm!x+sW)DnvIh5Iwy2c<pSM=?9
zeGs*h?*k*HZO#_!wm?#p_20+#yh7ch(l(JSVeC+_x}}`cz_6r~E%)Kq&QW8hkw?PB
z>g|$rq@m$q;=4^wupPaRQ2DcZncK^7*xf|hqAUVo02ur$9FodBzHX%WYV4`)C@<n`
z4bU84nbJI9pQPP=lkPi!*p~U@25ij&`70n&WNNzq2!uUaUje@XQ`rT}zFPL%00000
LNkvXXu0mjf2!|VW

literal 0
HcmV?d00001