Home Explore Help
Sign In
liushengqiang
/
music-score
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

fix

liushengqiang 1 year ago
parent
59e511e9ba
commit
c9643dc9f4
8 changed files with 7 additions and 421 deletions
Split View Show Diff Stats
  1. 0 1
      instrument.html
  2. BIN
      public/favicon.ico
  3. 0 114
      src/page-instrument/component/mode-type-mode/icon/iconModel1.svg
  4. 0 150
      src/page-instrument/component/mode-type-mode/icon/iconModel2.svg
  5. 0 126
      src/page-instrument/component/mode-type-mode/icon/iconModel3.svg
  6. 0 0
      src/page-instrument/component/mode-type-mode/icon/index.json
  7. 2 13
      src/page-instrument/component/mode-type-mode/index.module.less
  8. 5 17
      src/page-instrument/component/mode-type-mode/index.tsx

+ 0 - 1
instrument.html
View File 

@@ -3,7 +3,6 @@
 
 
 <head>
 
   <meta charset="UTF-8" />
 
-  <link rel="icon" type="image/svg+xml" href="/vite.svg" />
 
   <meta name="viewport"
 
     content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover" />
 
   <title>小酷AI</title>

BIN
public/favicon.ico
View File


File diff suppressed because it is too large
+ 0 - 114
src/page-instrument/component/mode-type-mode/icon/iconModel1.svg


+ 0 - 150
src/page-instrument/component/mode-type-mode/icon/iconModel2.svg
View File 

@@ -1,150 +0,0 @@
 
-<?xml version="1.0" encoding="UTF-8"?>
 
-<svg width="336px" height="130px" viewBox="0 0 336 130" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
 
-    <title>跟练模式</title>
 
-    <defs>
 
-        <linearGradient x1="-8.67361738e-15%" y1="69.1768211%" x2="100%" y2="69.1768211%" id="linearGradient-1">
 
-            <stop stop-color="#8C3EF0" offset="0%"></stop>
 
-            <stop stop-color="#8125F7" offset="100%"></stop>
 
-        </linearGradient>
 
-        <linearGradient x1="-2.04053804%" y1="45.1643254%" x2="109.589396%" y2="56.5610616%" id="linearGradient-2">
 
-            <stop stop-color="#C995FF" offset="0%"></stop>
 
-            <stop stop-color="#8E6CFF" offset="100%"></stop>
 
-        </linearGradient>
 
-        <rect id="path-3" x="0" y="0" width="335.026798" height="114.43662" rx="57.2183099"></rect>
 
-        <filter x="-0.4%" y="-1.3%" width="100.9%" height="102.6%" filterUnits="objectBoundingBox" id="filter-5">
 
-            <feGaussianBlur stdDeviation="1" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
 
-            <feOffset dx="0" dy="-1" in="shadowBlurInner1" result="shadowOffsetInner1"></feOffset>
 
-            <feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
 
-            <feColorMatrix values="0 0 0 0 1   0 0 0 0 1   0 0 0 0 1  0 0 0 1 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
 
-        </filter>
 
-        <path d="M33.4871802,9.25990802 L31.1329209,9.82773814 C30.5518157,9.96789646 29.9671161,9.61043841 29.8269578,9.02933324 C29.7867256,8.86252811 29.7867282,8.68854778 29.8269653,8.52174384 L30.3947969,6.16778529 C30.4350451,6.0009351 30.4350364,5.82690522 30.3947714,5.66005907 L29.8267436,3.3063231 C29.6865097,2.72523616 30.0438917,2.1404901 30.6249787,2.00025622 C30.7918499,1.95998513 30.9659068,1.95998254 31.1327792,2.00024868 L33.4868159,2.5682751 C33.6536422,2.60853008 33.8276494,2.60853881 33.9944797,2.56830057 L36.348739,2.00047045 C36.9298442,1.86031213 37.5145437,2.21777018 37.6547021,2.79887535 C37.6949342,2.96568048 37.6949316,3.13966081 37.6546945,3.30646474 L37.086863,5.6604233 C37.0466147,5.82727349 37.0466234,6.00130337 37.0868885,6.16814952 L37.6549163,8.52188549 C37.7951501,9.10297243 37.4377681,9.68771849 36.8566812,9.82795237 C36.6898099,9.86822346 36.5157531,9.86822605 36.3488806,9.82795991 L33.9948439,9.25993349 C33.8280177,9.21967851 33.6540104,9.21966978 33.4871802,9.25990802 Z" id="path-6"></path>
 
-        <filter x="-18.7%" y="-41.7%" width="183.5%" height="183.5%" filterUnits="objectBoundingBox" id="filter-7">
 
-            <feOffset dx="2" dy="0" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
 
-            <feGaussianBlur stdDeviation="1" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
 
-            <feColorMatrix values="0 0 0 0 0.623529412   0 0 0 0 0.388235294   0 0 0 0 0.941176471  0 0 0 0.848858173 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
 
-        </filter>
 
-        <filter x="-15.6%" y="-19.1%" width="131.2%" height="138.2%" filterUnits="objectBoundingBox" id="filter-8">
 
-            <feOffset dx="0" dy="5" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
 
-            <feGaussianBlur stdDeviation="1" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
 
-            <feColorMatrix values="0 0 0 0 0.636297465   0 0 0 0 0.433310451   0 0 0 0 0.953464674  0 0 0 1 0" type="matrix" in="shadowBlurOuter1" result="shadowMatrixOuter1"></feColorMatrix>
 
-            <feMerge>
 
-                <feMergeNode in="shadowMatrixOuter1"></feMergeNode>
 
-                <feMergeNode in="SourceGraphic"></feMergeNode>
 
-            </feMerge>
 
-        </filter>
 
-        <linearGradient x1="50%" y1="-5.00209214e-14%" x2="50%" y2="100%" id="linearGradient-9">
 
-            <stop stop-color="#FFDE84" offset="0.0464379371%"></stop>
 
-            <stop stop-color="#FFBF39" offset="100%"></stop>
 
-        </linearGradient>
 
-        <path d="M9.50404215,20.9367366 L4.33583045,22.1834337 C3.75472944,22.3236093 3.17001925,21.9661686 3.02984369,21.3850676 C2.98960656,21.2182637 2.98960398,21.0442833 3.02983615,20.8774782 L4.27648774,15.7087826 C4.31672598,15.5419523 4.31671725,15.367945 4.27646227,15.2011188 L3.02929704,10.0325692 C2.88908041,9.45147807 3.24647978,8.86674262 3.82757088,8.72652599 C3.99444336,8.68625985 4.16850017,8.68626243 4.33537146,8.72653353 L9.50343713,9.97374434 C9.67028328,10.0140094 9.84431316,10.0140181 10.0111633,9.97376982 L15.179375,8.72707262 C15.7604761,8.58689706 16.3451862,8.94433775 16.4853618,9.52543876 C16.5255989,9.69224269 16.5256015,9.86622303 16.4853693,10.0330282 L15.2387178,15.2017238 C15.1984795,15.3685541 15.1984882,15.5425613 15.2387432,15.7093876 L16.4859085,20.8779372 C16.6261251,21.4590283 16.2687257,22.0437637 15.6876346,22.1839804 C15.5207621,22.2242465 15.3467053,22.2242439 15.179834,22.1839728 L10.0117684,20.936762 C9.84492222,20.896497 9.67089233,20.8964883 9.50404215,20.9367366 Z" id="path-10"></path>
 
-        <filter x="-42.8%" y="-42.8%" width="213.6%" height="213.6%" filterUnits="objectBoundingBox" id="filter-11">
 
-            <feOffset dx="2" dy="2" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
 
-            <feGaussianBlur stdDeviation="2.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
 
-            <feColorMatrix values="0 0 0 0 0.623131294   0 0 0 0 0.387413403   0 0 0 0 0.940443841  0 0 0 0.850360577 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
 
-        </filter>
 
-        <filter x="-46.3%" y="-46.3%" width="220.6%" height="220.6%" filterUnits="objectBoundingBox" id="filter-12">
 
-            <feGaussianBlur stdDeviation="3" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
 
-            <feOffset dx="0" dy="-2" in="shadowBlurInner1" result="shadowOffsetInner1"></feOffset>
 
-            <feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
 
-            <feColorMatrix values="0 0 0 0 1   0 0 0 0 0.59585469   0 0 0 0 0.0803734756  0 0 0 1 0" type="matrix" in="shadowInnerInner1" result="shadowMatrixInner1"></feColorMatrix>
 
-            <feGaussianBlur stdDeviation="2.5" in="SourceAlpha" result="shadowBlurInner2"></feGaussianBlur>
 
-            <feOffset dx="0" dy="1" in="shadowBlurInner2" result="shadowOffsetInner2"></feOffset>
 
-            <feComposite in="shadowOffsetInner2" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner2"></feComposite>
 
-            <feColorMatrix values="0 0 0 0 1   0 0 0 0 0.957798015   0 0 0 0 0.488433689  0 0 0 1 0" type="matrix" in="shadowInnerInner2" result="shadowMatrixInner2"></feColorMatrix>
 
-            <feMerge>
 
-                <feMergeNode in="shadowMatrixInner1"></feMergeNode>
 
-                <feMergeNode in="shadowMatrixInner2"></feMergeNode>
 
-            </feMerge>
 
-        </filter>
 
-        <text id="text-13" font-family="STYuanti-SC-Regular, Yuanti SC" font-size="23.8028169" font-weight="normal" fill="#FFFFFF">
 
-            <tspan x="0" y="75.3521127">跟音实时纠错</tspan>
 
-        </text>
 
-        <filter x="-2.8%" y="-6.1%" width="105.6%" height="124.2%" filterUnits="objectBoundingBox" id="filter-14">
 
-            <feOffset dx="0" dy="2" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
 
-            <feGaussianBlur stdDeviation="1" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
 
-            <feColorMatrix values="0 0 0 0 0.51372549   0 0 0 0 0.349019608   0 0 0 0 0.941176471  0 0 0 1 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
 
-        </filter>
 
-        <text id="text-15" font-family="STYuanti-SC-Bold, Yuanti SC" font-size="33.8732394" font-weight="bold" fill="#FFFFFF">
 
-            <tspan x="0" y="36">跟练模式</tspan>
 
-        </text>
 
-        <filter x="-2.9%" y="-4.2%" width="105.9%" height="116.7%" filterUnits="objectBoundingBox" id="filter-16">
 
-            <feOffset dx="0" dy="2" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
 
-            <feGaussianBlur stdDeviation="1" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
 
-            <feColorMatrix values="0 0 0 0 0.514627282   0 0 0 0 0.349586878   0 0 0 0 0.940981658  0 0 0 1 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
 
-        </filter>
 
-        <filter x="-33.7%" y="-33.7%" width="167.4%" height="167.4%" filterUnits="objectBoundingBox" id="filter-17">
 
-            <feOffset dx="0" dy="4" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
 
-            <feGaussianBlur stdDeviation="2.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
 
-            <feColorMatrix values="0 0 0 0 0.728316965   0 0 0 0 0.556862745   0 0 0 0 1  0 0 0 0.711565778 0" type="matrix" in="shadowBlurOuter1" result="shadowMatrixOuter1"></feColorMatrix>
 
-            <feMerge>
 
-                <feMergeNode in="shadowMatrixOuter1"></feMergeNode>
 
-                <feMergeNode in="SourceGraphic"></feMergeNode>
 
-            </feMerge>
 
-        </filter>
 
-        <filter x="-39.4%" y="-41.2%" width="178.7%" height="182.5%" filterUnits="objectBoundingBox" id="filter-18">
 
-            <feOffset dx="0" dy="4" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
 
-            <feGaussianBlur stdDeviation="2.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
 
-            <feColorMatrix values="0 0 0 0 0.728316965   0 0 0 0 0.556862745   0 0 0 0 1  0 0 0 0.711565778 0" type="matrix" in="shadowBlurOuter1" result="shadowMatrixOuter1"></feColorMatrix>
 
-            <feMerge>
 
-                <feMergeNode in="shadowMatrixOuter1"></feMergeNode>
 
-                <feMergeNode in="SourceGraphic"></feMergeNode>
 
-            </feMerge>
 
-        </filter>
 
-        <polygon id="path-19" points="0 0 44.4479803 0 44.4479803 42.4331421 0 42.4331421"></polygon>
 
-        <linearGradient x1="-1.24344979e-12%" y1="4.43028371%" x2="100%" y2="95.5697163%" id="linearGradient-21">
 
-            <stop stop-color="#D4A9FF" offset="0%"></stop>
 
-            <stop stop-color="#8F80FF" offset="100%"></stop>
 
-        </linearGradient>
 
-        <path d="M33.5648311,0.224284506 C32.0419831,-0.241134498 30.2647887,0.0319221854 28.9381506,0.912224329 C24.7256912,3.70555345 25.1051921,9.49190985 25.1051921,13.9423262 L25.1051921,19.5550675 C22.5358906,16.2311118 18.5406349,14.0857829 14.0399164,14.0857829 C6.2859874,14.0857829 0,20.4312942 0,28.2594625 C0,36.0868157 6.2859874,42.4331421 14.0399164,42.4331421 C20.0303776,42.4331421 25.1318379,38.6380617 27.1480371,33.305713 C27.5226932,32.5696826 27.8004555,31.4652295 27.8723185,31.1481577 C28.8129961,27.0254093 28.9599517,22.6948118 29.1537394,18.5280483 C29.1965342,17.6126971 29.2918131,14.1094206 30.8404995,14.3751415 C30.9123625,14.3873679 30.9834179,14.4069302 31.0528585,14.4297528 C31.8449656,14.6962887 32.5409863,15.3508097 33.3096774,15.7053758 C34.0985547,16.0697231 34.9334565,16.3370741 35.7885446,16.4935723 C37.5051803,16.8090139 39.3203248,16.6696327 40.9158432,15.9270815 C41.86944,15.4836701 42.6776961,14.7769831 43.2687485,13.9023866 C43.716075,13.2388996 44.0414768,12.4939032 44.2497985,11.7203784 C44.2635252,11.6673973 44.470232,10.7088461 44.4460085,10.7072159 C41.3760889,10.4692082 39.0005751,9.08273237 37.706235,6.23153154 C36.7098434,4.03729694 36.1946912,1.02878285 33.5648311,0.224284506 Z" id="path-22"></path>
 
-        <filter x="-11.2%" y="-11.8%" width="122.5%" height="123.6%" filterUnits="objectBoundingBox" id="filter-23">
 
-            <feGaussianBlur stdDeviation="2.5" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
 
-            <feOffset dx="-2" dy="-5" in="shadowBlurInner1" result="shadowOffsetInner1"></feOffset>
 
-            <feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
 
-            <feColorMatrix values="0 0 0 0 0.429804579   0 0 0 0 0.196855945   0 0 0 0 1  0 0 0 0.361942745 0" type="matrix" in="shadowInnerInner1" result="shadowMatrixInner1"></feColorMatrix>
 
-            <feGaussianBlur stdDeviation="1" in="SourceAlpha" result="shadowBlurInner2"></feGaussianBlur>
 
-            <feOffset dx="0" dy="5" in="shadowBlurInner2" result="shadowOffsetInner2"></feOffset>
 
-            <feComposite in="shadowOffsetInner2" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner2"></feComposite>
 
-            <feColorMatrix values="0 0 0 0 0.752621357   0 0 0 0 0.539367378   0 0 0 0 1  0 0 0 0.527534965 0" type="matrix" in="shadowInnerInner2" result="shadowMatrixInner2"></feColorMatrix>
 
-            <feGaussianBlur stdDeviation="1" in="SourceAlpha" result="shadowBlurInner3"></feGaussianBlur>
 
-            <feOffset dx="0" dy="1" in="shadowBlurInner3" result="shadowOffsetInner3"></feOffset>
 
-            <feComposite in="shadowOffsetInner3" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner3"></feComposite>
 
-            <feColorMatrix values="0 0 0 0 0.499919249   0 0 0 0 0.319798018   0 0 0 0 1  0 0 0 0.480687281 0" type="matrix" in="shadowInnerInner3" result="shadowMatrixInner3"></feColorMatrix>
 
-            <feMerge>
 
-                <feMergeNode in="shadowMatrixInner1"></feMergeNode>
 
-                <feMergeNode in="shadowMatrixInner2"></feMergeNode>
 
-                <feMergeNode in="shadowMatrixInner3"></feMergeNode>
 
-            </feMerge>
 
-        </filter>
 
-        <filter x="-107.1%" y="-80.4%" width="314.3%" height="260.7%" filterUnits="objectBoundingBox" id="filter-24">
 
-            <feGaussianBlur stdDeviation="2.16471241" in="SourceGraphic"></feGaussianBlur>
 
-        </filter>
 
-    </defs>
 
-    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
 
-        <g id="50、上课页面" transform="translate(-792.000000, -862.000000)">
 
-            <g id="编组-17" transform="translate(297.000000, 862.000000)">
 
-                <g id="跟练模式" transform="translate(495.026798, 0.000000)">
 
-                    <rect id="矩形备份-4" fill="url(#linearGradient-1)" x="0" y="0" width="335.026798" height="130" rx="58.4472351"></rect>
 
-                    <g id="编组-13">
 
-                        <mask id="mask-4" fill="white">
 
-                            <use xlink:href="#path-3"></use>
 
-                        </mask>
 
-                        <g id="蒙版">
 
-                            <use fill="url(#linearGradient-2)" fill-rule="evenodd" xlink:href="#path-3"></use>
 
-                            <use fill="black" fill-opacity="1" filter="url(#filter-5)" xlink:href="#path-3"></use>
 
-                        </g>
 
-                    </g>
 
-                    <g id="编组" transform="translate(148.290550, 13.732394)" fill="#FFFFFF" fill-opacity="1">
 
-                        <g id="跟音实时纠错">
 
-                            <use filter="url(#filter-14)" xlink:href="#text-13"></use>
 
-                            <use xlink:href="#text-13"></use>
 
-                        </g>
 
-                        <g id="跟练模式">
 
-                            <use filter="url(#filter-16)" xlink:href="#text-15"></use>
 
-                            <use xlink:href="#text-15"></use>
 
-                        </g>
 
-                    </g>
 
-                </g>
 
-            </g>
 
-        </g>
 
-    </g>
 
-</svg>

+ 0 - 126
src/page-instrument/component/mode-type-mode/icon/iconModel3.svg
View File 

@@ -1,126 +0,0 @@
 
-<?xml version="1.0" encoding="UTF-8"?>
 
-<svg width="336px" height="130px" viewBox="0 0 336 130" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
 
-    <title>评测模式</title>
 
-    <defs>
 
-        <linearGradient x1="3.90323004%" y1="82.1226215%" x2="96.2846905%" y2="82.1226215%" id="linearGradient-1">
 
-            <stop stop-color="#FF9D09" offset="0%"></stop>
 
-            <stop stop-color="#E6710B" offset="100%"></stop>
 
-        </linearGradient>
 
-        <linearGradient x1="-8.67361738e-15%" y1="50%" x2="100%" y2="50%" id="linearGradient-2">
 
-            <stop stop-color="#FFC761" offset="0.0109265734%"></stop>
 
-            <stop stop-color="#FF9622" offset="100%"></stop>
 
-        </linearGradient>
 
-        <rect id="path-3" x="0" y="0" width="335.026798" height="114.43662" rx="57.2183099"></rect>
 
-        <filter x="-0.4%" y="-1.3%" width="100.9%" height="102.6%" filterUnits="objectBoundingBox" id="filter-5">
 
-            <feGaussianBlur stdDeviation="1" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
 
-            <feOffset dx="0" dy="-1" in="shadowBlurInner1" result="shadowOffsetInner1"></feOffset>
 
-            <feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
 
-            <feColorMatrix values="0 0 0 0 1   0 0 0 0 1   0 0 0 0 1  0 0 0 1 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
 
-        </filter>
 
-        <path d="M27.3039903,54.7188687 L24.949731,55.2866988 C24.3686259,55.4268571 23.7839263,55.0693991 23.643768,54.4882939 C23.6035358,54.3214888 23.6035384,54.1475084 23.6437755,53.9807045 L24.211607,51.6267459 C24.2518553,51.4598958 24.2518466,51.2858659 24.2115816,51.1190197 L23.6435538,48.7652838 C23.5033199,48.1841968 23.8607019,47.5994508 24.4417888,47.4592169 C24.6086601,47.4189458 24.7827169,47.4189432 24.9495894,47.4592093 L27.3036261,48.0272358 C27.4704523,48.0674907 27.6444596,48.0674995 27.8112899,48.0272612 L30.1655492,47.4594311 C30.7466543,47.3192728 31.3313539,47.6767308 31.4715122,48.257836 C31.5117444,48.4246411 31.5117418,48.5986215 31.4715047,48.7654254 L30.9036732,51.119384 C30.8634249,51.2862341 30.8634336,51.460264 30.9036986,51.6271102 L31.4717264,53.9808462 C31.6119603,54.5619331 31.2545783,55.1466791 30.6734914,55.286913 C30.5066201,55.3271841 30.3325633,55.3271867 30.1656908,55.2869206 L27.8116541,54.7188941 C27.6448279,54.6786392 27.4708206,54.6786304 27.3039903,54.7188687 Z" id="path-6"></path>
 
-        <filter x="-18.7%" y="-41.7%" width="183.5%" height="183.5%" filterUnits="objectBoundingBox" id="filter-7">
 
-            <feOffset dx="2" dy="0" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
 
-            <feGaussianBlur stdDeviation="1" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
 
-            <feColorMatrix values="0 0 0 0 0.952941176   0 0 0 0 0.588235294   0 0 0 0 0.164705882  0 0 0 1 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
 
-        </filter>
 
-        <filter x="-12.9%" y="-15.4%" width="125.8%" height="130.8%" filterUnits="objectBoundingBox" id="filter-8">
 
-            <feOffset dx="0" dy="5" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
 
-            <feGaussianBlur stdDeviation="1" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
 
-            <feColorMatrix values="0 0 0 0 0.951737998   0 0 0 0 0.586372349   0 0 0 0 0.166064498  0 0 0 1 0" type="matrix" in="shadowBlurOuter1" result="shadowMatrixOuter1"></feColorMatrix>
 
-            <feMerge>
 
-                <feMergeNode in="shadowMatrixOuter1"></feMergeNode>
 
-                <feMergeNode in="SourceGraphic"></feMergeNode>
 
-            </feMerge>
 
-        </filter>
 
-        <linearGradient x1="43.58451%" y1="-2.18151192e-12%" x2="43.58451%" y2="100%" id="linearGradient-9">
 
-            <stop stop-color="#FFB66B" offset="0%"></stop>
 
-            <stop stop-color="#FF7144" offset="100%"></stop>
 
-        </linearGradient>
 
-        <rect id="path-10" x="15.1510141" y="0" width="32.4664587" height="10.8235621" rx="5.41178103"></rect>
 
-        <filter x="-12.3%" y="-18.5%" width="124.6%" height="173.9%" filterUnits="objectBoundingBox" id="filter-11">
 
-            <feOffset dx="0" dy="2" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
 
-            <feGaussianBlur stdDeviation="1" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
 
-            <feColorMatrix values="0 0 0 0 0.97899683   0 0 0 0 0.644410702   0 0 0 0 0.408182729  0 0 0 0.697934878 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
 
-        </filter>
 
-        <filter x="-18.5%" y="-37.0%" width="137.0%" height="210.9%" filterUnits="objectBoundingBox" id="filter-12">
 
-            <feGaussianBlur stdDeviation="3" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
 
-            <feOffset dx="0" dy="-2" in="shadowBlurInner1" result="shadowOffsetInner1"></feOffset>
 
-            <feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
 
-            <feColorMatrix values="0 0 0 0 1   0 0 0 0 0.431196483   0 0 0 0 0.0887195122  0 0 0 1 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
 
-        </filter>
 
-        <path d="M16.4464613,36.1905765 L13.817316,37.5663542 C12.6847694,38.1589926 11.2862306,37.7213105 10.6935922,36.5887639 C10.4590346,36.1405186 10.3778071,35.6277653 10.46234,35.1289715 L10.9583328,32.2023209 C11.1361514,31.1530862 10.7885433,30.0833133 10.0279379,29.3390067 L7.90613442,27.2626709 C6.99262708,26.3687389 6.97675813,24.9035198 7.87069013,23.9900124 C8.22453969,23.6284143 8.6871349,23.3927331 9.18766728,23.3190441 L12.1233499,22.8868492 C13.176427,22.7318138 14.0866483,22.0704886 14.5594997,21.116854 L15.8777224,18.4582962 C16.4454889,17.3132391 17.8340068,16.8452527 18.9790639,17.4130192 C19.4323466,17.6377755 19.7994834,18.0048873 20.0242706,18.4581547 L21.3432089,21.1176996 C21.8160355,22.0711207 22.7260532,22.7323256 23.7789134,22.8874452 L26.7152546,23.320061 C27.9798875,23.5063813 28.8540326,24.6826114 28.6677122,25.9472443 C28.5939723,26.4477475 28.3582774,26.9103063 27.9966937,27.26414 L25.875766,29.3396087 C25.1150694,30.0840009 24.767472,31.1539303 24.9454231,32.2032693 L25.4416756,35.1295608 C25.6553664,36.3896482 24.8070943,37.5843815 23.5470069,37.7980723 C23.0481495,37.8826706 22.5353131,37.801441 22.0870177,37.5668205 L19.4575778,36.1906732 C18.5145521,35.6971301 17.3895187,35.6970939 16.4464613,36.1905765 Z" id="path-13"></path>
 
-        <filter x="-5.1%" y="-4.3%" width="110.2%" height="112.6%" filterUnits="objectBoundingBox" id="filter-14">
 
-            <feGaussianBlur stdDeviation="3" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
 
-            <feOffset dx="0" dy="-2" in="shadowBlurInner1" result="shadowOffsetInner1"></feOffset>
 
-            <feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
 
-            <feColorMatrix values="0 0 0 0 1   0 0 0 0 0.59585469   0 0 0 0 0.0803734756  0 0 0 1 0" type="matrix" in="shadowInnerInner1" result="shadowMatrixInner1"></feColorMatrix>
 
-            <feGaussianBlur stdDeviation="2.5" in="SourceAlpha" result="shadowBlurInner2"></feGaussianBlur>
 
-            <feOffset dx="0" dy="1" in="shadowBlurInner2" result="shadowOffsetInner2"></feOffset>
 
-            <feComposite in="shadowOffsetInner2" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner2"></feComposite>
 
-            <feColorMatrix values="0 0 0 0 1   0 0 0 0 0.957798015   0 0 0 0 0.488433689  0 0 0 1 0" type="matrix" in="shadowInnerInner2" result="shadowMatrixInner2"></feColorMatrix>
 
-            <feMerge>
 
-                <feMergeNode in="shadowMatrixInner1"></feMergeNode>
 
-                <feMergeNode in="shadowMatrixInner2"></feMergeNode>
 
-            </feMerge>
 
-        </filter>
 
-        <path d="M88.0041058,22.8816374 L86.0108156,23.9248485 C85.0526559,24.4263122 83.8693972,24.056087 83.3679335,23.0979273 C83.1694084,22.7186004 83.1006757,22.2846619 83.1722588,21.8625518 L83.5484577,19.64419 C83.7264089,18.594851 83.3788114,17.5249216 82.6181148,16.7805294 L81.0103205,15.2071958 C80.2372558,14.4507007 80.2238236,13.2107476 80.9803187,12.437683 C81.2797164,12.1317275 81.6711123,11.9322934 82.0946151,11.8698981 L84.3206186,11.5419375 C85.3734788,11.3868179 86.2834965,10.725613 86.7563231,9.77219193 L87.7562169,7.75597741 C88.2367009,6.78711577 89.4116276,6.39120743 90.3804893,6.8716914 C90.7640232,7.06189597 91.0746563,7.37255021 91.2648347,7.75609713 L92.264114,9.77141825 C92.7369654,10.7250528 93.6471868,11.3863781 94.7002639,11.5414134 L96.9256505,11.8690377 C97.99561,12.0265585 98.7352877,13.0216279 98.5777669,14.0915874 C98.5154147,14.5151148 98.3159922,14.9065415 98.0100245,15.2059526 L96.4014639,16.7800438 C95.6408584,17.5243504 95.2932503,18.5941233 95.4710689,19.643358 L95.8470813,21.8620532 C96.0278051,22.9284302 95.3098413,23.9394051 94.2434643,24.1201289 C93.821408,24.1916567 93.3875399,24.1229257 93.0082554,23.9244539 L91.0152223,22.8815406 C90.0721649,22.388058 88.9471315,22.3880942 88.0041058,22.8816374 Z" id="path-15"></path>
 
-        <filter x="-7.8%" y="-7.2%" width="115.6%" height="118.3%" filterUnits="objectBoundingBox" id="filter-16">
 
-            <feGaussianBlur stdDeviation="3" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
 
-            <feOffset dx="0" dy="-2" in="shadowBlurInner1" result="shadowOffsetInner1"></feOffset>
 
-            <feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
 
-            <feColorMatrix values="0 0 0 0 1   0 0 0 0 0.59585469   0 0 0 0 0.0803734756  0 0 0 1 0" type="matrix" in="shadowInnerInner1" result="shadowMatrixInner1"></feColorMatrix>
 
-            <feGaussianBlur stdDeviation="2.5" in="SourceAlpha" result="shadowBlurInner2"></feGaussianBlur>
 
-            <feOffset dx="0" dy="1" in="shadowBlurInner2" result="shadowOffsetInner2"></feOffset>
 
-            <feComposite in="shadowOffsetInner2" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner2"></feComposite>
 
-            <feColorMatrix values="0 0 0 0 1   0 0 0 0 0.957798015   0 0 0 0 0.488433689  0 0 0 1 0" type="matrix" in="shadowInnerInner2" result="shadowMatrixInner2"></feColorMatrix>
 
-            <feMerge>
 
-                <feMergeNode in="shadowMatrixInner1"></feMergeNode>
 
-                <feMergeNode in="shadowMatrixInner2"></feMergeNode>
 
-            </feMerge>
 
-        </filter>
 
-        <text id="text-17" font-family="STYuanti-SC-Bold, Yuanti SC" font-size="33.8732394" font-weight="bold" fill="#FFFFFF">
 
-            <tspan x="0" y="36">评测模式</tspan>
 
-        </text>
 
-        <filter x="-2.9%" y="-4.2%" width="105.9%" height="116.7%" filterUnits="objectBoundingBox" id="filter-18">
 
-            <feOffset dx="0" dy="2" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
 
-            <feGaussianBlur stdDeviation="1" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
 
-            <feColorMatrix values="0 0 0 0 1   0 0 0 0 0.560262508   0 0 0 0 0.0588795732  0 0 0 1 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
 
-        </filter>
 
-        <text id="text-19" font-family="STYuanti-SC-Regular, Yuanti SC" font-size="23.8028169" font-weight="normal" fill="#FFFFFF">
 
-            <tspan x="0" y="75.3521127">智能评分报告</tspan>
 
-        </text>
 
-        <filter x="-2.8%" y="-6.1%" width="105.6%" height="124.2%" filterUnits="objectBoundingBox" id="filter-20">
 
-            <feOffset dx="0" dy="2" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
 
-            <feGaussianBlur stdDeviation="1" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
 
-            <feColorMatrix values="0 0 0 0 1   0 0 0 0 0.560784314   0 0 0 0 0.0588235294  0 0 0 1 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
 
-        </filter>
 
-    </defs>
 
-    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
 
-        <g id="50、上课页面" transform="translate(-1287.000000, -862.000000)">
 
-            <g id="编组-17" transform="translate(297.000000, 862.000000)">
 
-                <g id="评测模式" transform="translate(990.053597, 0.000000)">
 
-                    <rect id="矩形备份-3" fill="url(#linearGradient-1)" x="0" y="0" width="335.026798" height="130" rx="58.4472351"></rect>
 
-                    <g id="编组-4">
 
-                        <mask id="mask-4" fill="white">
 
-                            <use xlink:href="#path-3"></use>
 
-                        </mask>
 
-                        <g id="蒙版">
 
-                            <use fill="url(#linearGradient-2)" fill-rule="evenodd" xlink:href="#path-3"></use>
 
-                            <use fill="black" fill-opacity="1" filter="url(#filter-5)" xlink:href="#path-3"></use>
 
-                        </g>
 
-                    </g>
 
-                    <g id="编组" transform="translate(138.221439, 13.732394)" fill="#FFFFFF" fill-opacity="1">
 
-                        <g id="评测模式">
 
-                            <use filter="url(#filter-18)" xlink:href="#text-17"></use>
 
-                            <use xlink:href="#text-17"></use>
 
-                        </g>
 
-                        <g id="智能评分报告">
 
-                            <use filter="url(#filter-20)" xlink:href="#text-19"></use>
 
-                            <use xlink:href="#text-19"></use>
 
-                        </g>
 
-                    </g>
 
-                </g>
 
-            </g>
 
-        </g>
 
-    </g>
 
-</svg>

File diff suppressed because it is too large
+ 0 - 0
src/page-instrument/component/mode-type-mode/icon/index.json


+ 2 - 13
src/page-instrument/component/mode-type-mode/index.module.less
View File 

@@ -11,23 +11,12 @@
 
   background: linear-gradient(to top, rgba(255,255,255,1), rgba(255,255,255, .7));
 
   padding: 0 40px;
 
   transition: all .3s ease-in-out;
 
-  .item{
 
-    position: relative;
 
+  img{
 
+    display: block;
 
     width: 24%;
 
     max-width: 220Px;
 
     cursor: pointer;
 
   }
 
-  .bg{
 
-    display: block;
 
-    width: 100%;
 
-    height: 100%;
 
-  }
 
-  .icon{
 
-    position: absolute;
 
-    left: 6%;
 
-    top: 0;
 
-    height: 88%;
 
-  }
 
 }
 
 .hidden{
 
   opacity: 0;

+ 5 - 17
src/page-instrument/component/mode-type-mode/index.tsx
View File 

@@ -1,28 +1,16 @@
 
 import { defineComponent, onMounted } from "vue";
 
 import styles from "./index.module.less";
 
-import IconModel1 from "./icon/iconModel1.svg";
 
-import IconModel2 from "./icon/iconModel2.svg";
 
-import IconModel3 from "./icon/iconModel3.svg";
 
-import icons from "./icon/index.json";
 
+import icons from './icon/index.json'
 
 import { headTopData } from "../../header-top";
 
 
 export default defineComponent({
 
 	name: "modelWraper",
 
 	setup() {
 
 		return () => (
 
-			<div class={[styles.wrap, headTopData.modeType === "init" ? "" : styles.hidden]}>
 
-				<div class={styles.item} onClick={() => headTopData.handleChangeModeType("practise")}>
 
-					<img class={styles.bg} src={IconModel1} />
 
-					<img class={styles.icon} src={icons.icon_1} />
 
-				</div>
 
-				<div class={styles.item} onClick={() => headTopData.handleChangeModeType("follow")}>
 
-					<img class={styles.bg} src={IconModel2} />
 
-					<img class={styles.icon} src={icons.icon_2} />
 
-				</div>
 
-				<div class={styles.item} onClick={() => headTopData.handleChangeModeType("evaluating")}>
 
-					<img class={styles.bg} src={IconModel3} />
 
-					<img class={styles.icon} src={icons.icon_3} />
 
-				</div>
 
+			<div class={[styles.wrap, headTopData.modeType === 'init' ? '' : styles.hidden ]}>
 
+				<img onClick={() => headTopData.handleChangeModeType("practise")} src={icons.icon_1} />
 
+				<img onClick={() => headTopData.handleChangeModeType("follow")} src={icons.icon_2} />
 
+				<img onClick={() => headTopData.handleChangeModeType("evaluating")} src={icons.icon_3} />
 
 			</div>
 
 		);
 
 	},

Some files were not shown because too many files changed in this diff