Revert "fix: 增加控制型svg图标，确保ios16的锁定模式下这些图标能正常显示"
This commit is contained in:
MeloHG
GitHub
parent
810a68473f
commit
c7f0de6232
|
|
@ -27,18 +27,4 @@ export default {
|
|||
'<svg class="success" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid" style="background:0 0"><defs><linearGradient x1="85.237%" y1="96.954%" x2="22.272%" y2="5.057%" id="a"><stop stop-color="#F3F4F5" offset="0%"/><stop stop-color="#F9FAFB" offset="100%"/></linearGradient></defs><g fill="none" fill-rule="evenodd"><path d="M50.001 100C22.385 100 0 77.615 0 50.001 0 22.385 22.385 0 50.001 0 77.615 0 100 22.385 100 50.001 100 77.615 77.615 100 50.001 100z" fill="url(#a)"/><path fill="#666F83" d="M41.662 61.51L28.137 47.849 22 54.045 41.754 74l6.135-6.197L78 37.197 71.865 31z"/></g></svg>',
|
||||
'fail-color':
|
||||
'<svg class="fail" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid" style="background:0 0"><defs><linearGradient x1="85.237%" y1="96.954%" x2="22.272%" y2="5.057%" id="a"><stop stop-color="#F3F4F5" offset="0%"/><stop stop-color="#F9FAFB" offset="100%"/></linearGradient></defs><g fill="none" fill-rule="evenodd"><path d="M50.001 100C22.385 100 0 77.615 0 50.001 0 22.385 22.385 0 50.001 0 77.615 0 100 22.385 100 50.001 100 77.615 77.615 100 50.001 100z" fill="url(#a)"/><path d="M72.225 32.627l-16.97 16.97 16.97 16.972-5.656 5.656-16.972-16.97-16.97 16.97-5.656-5.656 16.97-16.972-16.97-16.97 5.656-5.656 16.97 16.97L66.57 26.97l5.656 5.656z" fill="#666F83"/></g></svg>',
|
||||
'square-check':'<svg class="icon" viewBox="0 0 1024 1024" ><path d="M750.933333 0a273.066667 273.066667 0 0 1 273.066667 273.066667v477.866666a273.066667 273.066667 0 0 1-273.066667 273.066667H273.066667a273.066667 273.066667 0 0 1-273.066667-273.066667V273.066667a273.066667 273.066667 0 0 1 273.066667-273.066667h477.866666z m0 68.266667H273.066667a204.8 204.8 0 0 0-204.663467 197.12L68.266667 273.066667v477.866666a204.8 204.8 0 0 0 197.12 204.663467L273.066667 955.733333h477.866666a204.8 204.8 0 0 0 204.663467-197.12L955.733333 750.933333V273.066667a204.8 204.8 0 0 0-197.12-204.663467L750.933333 68.266667z" /></svg>',
|
||||
'square-checked': '<svg class="icon" viewBox="0 0 1024 1024" ><path d="M750.933333 0a273.066667 273.066667 0 0 1 273.066667 273.066667v477.866666a273.066667 273.066667 0 0 1-273.066667 273.066667H273.066667a273.066667 273.066667 0 0 1-273.066667-273.066667V273.066667a273.066667 273.066667 0 0 1 273.066667-273.066667h477.866666z m-37.307733 326.929067l-253.44 253.44-132.744533-132.744534-72.3968 72.3968 205.141333 205.141334 325.8368-325.802667-72.3968-72.430933z" /></svg>',
|
||||
'check': '<svg class="icon" viewBox="0 0 1024 1024" ><path d="M512 128c211.744 0 384 172.256 384 384S723.744 896 512 896 128 723.744 128 512 300.256 128 512 128m0-64C264.576 64 64 264.576 64 512s200.576 448 448 448 448-200.576 448-448S759.424 64 512 64z" /></svg>',
|
||||
'checked': '<svg class="icon" viewBox="0 0 1024 1024"><path d="M496 96C248.576 96 48 296.576 48 544s200.576 448 448 448 448-200.576 448-448S743.424 96 496 96z m-6.624 587.648l-45.248 45.248-45.248-45.248-167.776-167.76 45.248-45.248L444.112 638.4l287.536-287.536 45.248 45.248-287.52 287.536z" /></svg>',
|
||||
'close': '<svg class="icon" viewBox="0 0 1024 1024"><path d="M278.179404 205.671489l246.500766 246.478979L771.159149 205.649702a43.574468 43.574468 0 0 1 58.847319-2.527319l2.788766 2.527319a43.574468 43.574468 0 0 1 0 61.636085L586.294468 513.786553l246.478979 246.478979a43.574468 43.574468 0 1 1-61.636085 61.636085L524.68017 575.400851 278.179404 821.901617a43.574468 43.574468 0 0 1-58.847319 2.527319l-2.788766-2.527319a43.574468 43.574468 0 0 1 0-61.636085l246.500766-246.478979L216.543319 267.285787a43.574468 43.574468 0 0 1 61.636085-61.636085z"/></svg>',
|
||||
'info': '<svg class="icon" viewBox="0 0 1024 1024"><path d="M512 64C264.576 64 64 264.576 64 512s200.576 448 448 448 448-200.576 448-448S759.424 64 512 64z m0 832C300.256 896 128 723.744 128 512S300.256 128 512 128s384 172.256 384 384-172.256 384-384 384z" /><path d="M544 384h-64v381.056h64V384zM544 256h-64v64h64v-64z" /></svg>',
|
||||
'question': '<svg class="icon" viewBox="0 0 1024 1024"><path d="M512 64C264.576 64 64 264.576 64 512s200.576 448 448 448 448-200.576 448-448S759.424 64 512 64z m0 832C300.256 896 128 723.744 128 512S300.256 128 512 128s384 172.256 384 384-172.256 384-384 384z" /><path d="M471.776 696.64h64v64h-64zM530.416 256.352c-100.432-4.912-159.888 42.656-178.416 142.672l67.2 17.216c13.904-65.568 47.872-98.4 101.952-98.4 44.784 3.312 77.328 31.504 81.952 77.392 1.52 32.832-27.136 62-70.384 94.784-41.712 29.52-61.792 68.064-60.24 115.616v24.592h62.56v-19.68c-1.552-34.432 15.424-63.952 50.976-88.56 60.256-39.36 88.816-85.248 85.744-137.76-9.248-80.288-56.384-122.96-141.344-127.872z" /></svg>',
|
||||
'wrong': '<svg class="icon" viewBox="0 0 1024 1024"><path d="M854.624 214.624l-45.248-45.248L512 466.752 214.624 169.376l-45.248 45.248L466.752 512 169.376 809.376l45.248 45.248L512 557.248l297.376 297.376 45.248-45.248L557.248 512z" /></svg>',
|
||||
'clear': '<svg class="icon" viewBox="0 0 1024 1024"><path d="M512 64C264.576 64 64 264.576 64 512s200.576 448 448 448 448-200.576 448-448S759.424 64 512 64z m248.912 651.664l-45.248 45.248L512 557.248 308.352 760.912l-45.248-45.248L466.752 512 263.104 308.352l45.248-45.248L512 466.752l203.648-203.648 45.248 45.248L557.248 512l203.664 203.664z" /></svg>',
|
||||
'security': '<svg class="icon" viewBox="0 0 1024 1024"><path d="M514.656 64h-5.328C408.416 160.816 275.52 224.432 128 237.392L144 608c0 80 80 176 128 224s171.232 128 240 128c80 0 192-80 240-128s128-144 128-224l16-370.608C748.48 224.432 615.584 160.816 514.656 64z m-39.024 649.872L241.824 495.408l43.696-46.768 46.768 43.696 140.288 131.088 219.152-234.544 43.696-46.768 46.768 43.696-306.56 328.064z" /></svg>',
|
||||
'rmb': '<svg class="icon" viewBox="0 0 1024 1024"><path d="M832.96 96h-77.36L512 455.008 268.384 96H191.04l260.576 384H192v64h288v128H192v64h288v192h64V736h288v-64H544v-128h288v-64H572.384z" /></svg>',
|
||||
'service': '<svg class="icon" viewBox="0 0 1024 1024"><path d="M864 384c-11.216 0-21.968 2.048-32 5.632V384c0-176-144-320-320-320s-320 144-320 320v5.632A94.912 94.912 0 0 0 160 384c-52.8 0-96 43.2-96 96v128c0 52.8 43.2 96 96 96h42.592c28.368 108.976 112.848 195.744 220.608 227.12 9.536 17.104 27.584 28.88 48.464 28.88h80.688C582.96 960 608 934.96 608 904.336s-25.04-55.664-55.664-55.664h-80.688a55.312 55.312 0 0 0-40.64 17.968C329.472 832.672 256 736.832 256 624V384c0-141.152 114.848-256 256-256s256 114.848 256 256v240c0 5.408-0.48 10.688-0.816 16H768v60.256c0 2.064 1.68 3.744 3.744 3.744H864c52.8 0 96-43.2 96-96v-128c0-52.8-43.2-96-96-96zM192 640h-32c-17.344 0-32-14.656-32-32v-128c0-17.344 14.656-32 32-32s32 14.656 32 32v160z m704-32c0 17.344-14.656 32-32 32h-32V480c0-17.344 14.656-32 32-32s32 14.656 32 32v128z" /></svg>',
|
||||
'visible': '<svg class="icon" viewBox="0 0 1024 1024"><path d="M513.44 192C328.64 192 162.544 340.08 64 512c98.544 171.92 264.64 320 449.44 320S861.44 683.92 960 512c-98.544-171.92-261.76-320-446.56-320z m0 576c-104.96 0-255.696-68-374.752-256 119.04-188 269.792-256 374.752-256 154 0 289.168 126.928 371.744 256-82.576 129.072-217.744 256-371.744 256z" /><path d="M592 512a80 80 0 0 1-80-80 79.92 79.92 0 0 1 47.312-72.88A159.808 159.808 0 0 0 512 352c-88.368 0-160 71.632-160 160s71.632 160 160 160 160-71.632 160-160c0-16.48-2.496-32.368-7.12-47.312A79.92 79.92 0 0 1 592 512z" /></svg>',
|
||||
'invisible': '<svg class="icon" viewBox="0 0 1024 1024"><path d="M954.384 605.616l-103.344-103.888c46.656-60.016 71.088-112.528 73.936-117.376l-55.152-32.448c-1.52 2.56-121.44 272.224-356.416 272.224-234.256 0-354.928-269.68-356.432-272.256l-55.136 32.48c2.816 4.8 26.816 56.432 72.688 115.808l-104.912 105.472 45.376 45.136 101.312-101.856c27.424 28.864 59.808 57.04 97.296 80.464l-65.168 130.32 57.248 28.624 64.688-129.376a364.88 364.88 0 0 0 111.024 27.664v145.536h64v-145.536a364.736 364.736 0 0 0 108.72-26.64l64.176 128.368 57.248-28.624-64.48-128.944c37.776-23.28 70.4-51.488 98.064-80.384l99.872 100.416 45.392-45.184z" /></svg>',
|
||||
}
|
||||
|
|
|
|||
|
|
@ -78,7 +78,7 @@ export default {
|
|||
-webkit-font-smoothing antialiased
|
||||
-moz-osx-font-smoothing grayscale
|
||||
&.xss
|
||||
font-size icon-size-xss
|
||||
font-size icon-size-xxs
|
||||
&.xs
|
||||
font-size icon-size-xs
|
||||
&.sm
|
||||
|
|
@ -92,18 +92,21 @@ export default {
|
|||
z-index 2
|
||||
|
||||
&.icon-svg
|
||||
width 1em
|
||||
vertical-height(1em)
|
||||
&.xss
|
||||
font-size icon-size-xss
|
||||
width icon-size-xxs
|
||||
vertical-height(icon-size-xxs)
|
||||
&.xs
|
||||
font-size icon-size-xs
|
||||
width icon-size-xs
|
||||
vertical-height(icon-size-xs)
|
||||
&.sm
|
||||
font-size icon-size-sm
|
||||
width icon-size-sm
|
||||
vertical-height(icon-size-sm)
|
||||
&.md
|
||||
font-size icon-size-md
|
||||
width icon-size-md
|
||||
vertical-height(icon-size-md)
|
||||
&.lg
|
||||
font-size icon-size-lg
|
||||
width icon-size-lg
|
||||
vertical-height(icon-size-lg)
|
||||
|
||||
// name
|
||||
.md-icon-arrow:before
|
||||
|
|
|
|||
Loading…
Reference in New Issue