Skip to content

B
beyond-clouds-front
Commit a835acf2 by yanju
Options

fix-issue#9

parent 49f20bd9
Showing with 397 additions and 24 deletions
assets/common.scss
......@@ -383,6 +383,20 @@ github.com style (c) Vasily Polovnyov <vast@whiteants.net>
}
//icon
.fadeIcon-enter-active ,.fadeIcon-leave-active{
transition: all .5s;
}
.fadeIcon-enter {
opacity: 0;
transform: translateY(-10px);
}
.fadeIcon-leave-to{
opacity: 0;
transform: translateY(10px);
}
/* fade-transform */
.fade-transform-leave-active,
......
assets/font/iconfont.css
@font-face {font-family: "iconfont";
src: url('iconfont.eot?t=1581477022274'); /* IE9 */
src: url('iconfont.eot?t=1581477022274#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
url('iconfont.woff?t=1581477022274') format('woff'),
url('iconfont.ttf?t=1581477022274') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
url('iconfont.svg?t=1581477022274#iconfont') format('svg'); /* iOS 4.1- */
src: url('iconfont.eot?t=1582203896358'); /* IE9 */
src: url('iconfont.eot?t=1582203896358#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAABp8AAsAAAAAL2AAABotAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCIfgrDBLR3ATYCJAOBTAtoAAQgBYRtB4dkGyMnZQRsHABEs68X2f9/S+BkiBS3UNX9FtItyuy1yzGUPbXVhdQo/aHJ4NQpa+DskY/RPD11dH7lry7ULxGFAmolNjXxa420Bds8trF0XDCgw3U3wURx8PjFbmHXdSv2vgnMb2S14zVDKaHox3777IsbYh1CJTIkk1S1mdROhQMIaJsH3sweEYtracOT2/4ddyBsQTcJSGPR0PzYcGA50YQUDjeOmbn2RyGzTBtWLmjR0siGWRtT+mNJY2pla/pFW8vjAbv92/346ACPqKwtCYPa2goiyTGRpAZE2NMPZh7kU27PJ2iVoWxtjj7wPwECCCDCtczc8ULoCWWRZK2vUfV5b1koASU0jmzTzfUf9ZJ2Btz8u5VB4p9dR0ZORb6siERslgZaaH1IHDwmgrx3RXO+ufK92NHjxAYkJ/zDf3gvmnHsZ6/yZWlH1u42w4tIASlCBbAFrLT/p7NsgbSHUBL8cFFtqkvTXToqmvkjg0Zj7duxNzCGl5ODOtaGNIdU+VJ5r/J1Aa62lOJ7FytoHbECzK9PUVYp2jbwP03Go9lpF/qhrBobEz3GZjtjkbpiswExilS/4ugwIKFjIw2B04LI8w5lgLmzzh0xluMp441YXwTzkmmGmkAWCw9uA9yj39/8YbNghcg7pt2z8SCS6zIYq78d7uqTwPKlwIFl4GEb9nZTKU+2jHgCt5bqB2ixTzX1tVYW1u04cG0nvXv6/buq+0O5sb2NNdvb50mj5d+wnz+ppP+PeIBVu81qMZuMBr1Oq1GrlAq5jJBKxG6RUMDncTlsloy0FCdYp4pY8zBZcUkJRhSmgPunAPayV2xC7gJYhQJgBYoAlqEoYAmKARZQHDCHEoAZlARMoRRgAqUBYygDGEFZwBDKAQZQHtCHCoAeVAR0oRKgA5UBbagKaEE1QBOqz6EBmaQzTTBhy7QAsAG1AVWoA6hAXUAZ6gFKUN+kf5kBAArQ0ISfzAgAOWgMyEITQAaaAtLQDJCC5gAHLQABWpvDOgTw0DYgAu2YsGUOQNd/5hoAMegdYKEvQBz6BiShX0ACf1cAg//uOkQBbN1e5AzAA4mO9Bu8AbMhgfV57PWwNXAze3kUw+3rEwUaUip3c5oyMAdWAMv4lmenF+4PPFheR+j83169TJnqymu0Py6Xh1rdLXuMpsTtnt7E3GPaSLfZ/P6ILk/t2qdR6Cp2U8TstJ+TRdvnOEd8hqV91bVcL9EaTe4rv75t4iAfb7HDPXZ2rDlXSmD5cus+7Ut0lGHLaLTF1o5/Moj2n6a8dOZ5pvNcdanu7JA7tbREG1HErTFf31r91nTq/CutPvub5vp8GnFeQFZcjYWaVVHcy9PCDZd9qdmyua91m9XCcIfec1EwcEj3dI47R6Fg+5Vmcy+3eMKfwfMq552hDNI9hqKaVrO0wkyE4Njzv+u6aQqvtjn8N0ZdcDYTMqPTkFw3BpSbs66nf5NbFDVT/xWmRYohE6SqS425iGHQEEgxszLa0D7Nq0gMZWMFGBMUNFvShhUeMI7tlySXLZQkVmseWy9nNQ0bBTmzFoBsi366y5guGDzg0t3CMW3mMPOwmEwUjw6VEyCSIjzUMJWgRDmMWuwWvKOw0DqeckIKBmr0E/DoQw60+5EnpVEgSTGzZQvlN9/36DjawSPkx416EnB3KKVhmh87wqlCkyvSrVm7rLWQRRTaQh4zqIrbKNQLdjg0qdKK7anjin2FIhff6qpwTT2TqRdc27/HObvoLKBdBb9KKPliXZ36mrwEJxv4DYacqNx6XQrFNedTHmFPFrrWKA+PtwWRzY5osnNtO8ZN+zFnYYkaUTgIlQo2nMQTaItlQrKsO0FMtVkLgtZYTvhkEYvtVwxHaxO8yCLgGHCIGXi2SPpQZdfmqOaDpJ10JuMJaBgvMAd64y7cFqkiTpUpkuj7QykrDDWR4y48W+etn2fFluJZhtmf5RNKTMODaLF7MJFeDepgU8fJSp/pCJ0r9zYr5Q4fa491vK9J4ZxiaGpUHmhEG8qo5mZA1X07A3vtuCN0m0lPmAKnk3AYajAPmll4X/+MekHaJkfAiybTyBy4MdPw+CRizBTx3/lFnAvtW0ED2P8cqzWPvwRPp4DBCla3U/en8wwnabDtcZ5AHpW/H/AvOGOjHX5OAw38Vb3T6rsWd+BzynDrl5ZasfLgU6+SIuFBWuM9dqzTk/hyIVUhyK/8M9K8mfLSlujIFIMAdFXP4PcVQeKffBrRp/4LVfh8jfuvWV3EElPAXFhJ4/JP35nvn/k/dlf+rtSOv9dy+pNx1KIKZFRiPzauQLSlNl11qXw0tarrliez8cZM2UihcuT/YfbrjjA+phs9ctSWTKkwPtg68wLZzfdvPhxSDJ7efW4mHMG5Kq0pFAatedT4AETbjMioT+HUGQrtoKqh4fRjy3aeeb/xzCVouXz2A8iMikGgwRDMWu0s0YyLejpIGlonHIKLW9I8HTAVZHe/JqtoXiBc2rdX8oaV99zdW068OGQooTqC7gNa5awitZDMHhEkr4z2GtQMpqfUCJ0831ME1J1F+K/obFo00BxXFm9PuEFd6qo0puyCacP5Q4qQDphNVHwkXyJGdSef2+TuLvfaJ178UPZyrNW8U+x3zm7qkMW0mcK8qXOcfK7jeA3L0ERlW8BUqKlA2bFz8lnltPQgg+k02uwLwIBNdMWB0AQjMiJqGVMV0Mo3NFzv3f/aHuXAmRuU5sJkSk5uiCu9Uvhc03xqwdsvNgKE1VMpUQ0N5dl8j8NOvXnJeFc+13FHOuNYwR/eu/pBxqd2vLbtCfngK/b2UgpI3STam3NvHXt+PvJ+btG51XjDqcLesf/6FOuOmz1yVRzrUz4bCfc/vqgyp7nxVv+hCSMPTgDBsBfnp6uMrPA5kCqfvUkGnbQpC3yxhWteHDdVbtQr1zD0u8m2Jxo2QVtYg+qpLxb+k5HrfSyNaaxQlY6yezBf2EXZynQsMKKDg5W5ekq2Njbo7jhbcfadOhJt2X38uYaPkbSmZXPz3SlQRlIYEyDvSgZyeBtw9CryCC+K7G8u4zyEdbESlhahk2bt0LI5pHPei29QAU499l22PxesXq+DIw0oRx9qHnl2JnTz9QoiPeKuMEu/G000mdd4duO4TDwIolK5bIVCHokqBwvKIkwzjnNNYVUT0fLKqnTco9HBX2yLqtzr3TvKA5rPd50qbt9Vbt/MPo7SXH5oX349T9PszvttQq/uvXBFCIR+nTv2iLvrYR5qOZZsq3TNq3rE3LY1fmHIj3nMiQq18LkBN9y8xbW3lDqsCX6sLxJTFVsOp2Ajrdf8LH5vXgwgBl1+TXcjrnFx49gwZE3SvEsTB+ExaZNjhYV4toTAZilSBVG3JYsd0KYd6l04wTvHy7blwksHTdozoiU3sfDho6N9jRdqCr9gsE7A1XTbclteEYYXTTWS2E2aOHnMTTNOmFRQnaJP10zsFebBmaofhLNqHsuik3m7T/qysI7XMXTQyevTbIxBJKNsEtXJW/4fWd0nuOF068xHF69TOIepCSIo1LD+cUJDjLpvLyDT8snjFKt2y279IRkc6AbaKKkahtJ5IZVUsY6l1HlcwebbocMtag7BTL2Jp+PbVTvrl3be1azxSF9iHVM2FJGUy7M5tsVsVnipLtJIEd7FpKuqQ6Ml6SeRU5T5u2peiqevns+2OPP1vk18koXMvwJ89HyyhcTXI5r4vINF1/oCyU8KwlLERYYgfgSKGe4Z3bkbjW1DZURKICeFISAT+0nkQKcto0l4hKA7c82AoRH8IMOGsFULSfXqQEriXw1xRAFD+DiQvMXp0nR7O4TNplLIQYYqF11NMVNFpGLCVgE5kNRHIs9BVtemKRbiyYFzHf6w+0DQRV5/9Ic/pjtVhu3eq/7zGKhNPBa2GKr+3mGZ8q3eY6tH/bcp4oxM9AIiZ4D2UsZsy+7dK7PFnNB1g5n6YapSSb3kcIlaTr1/efBwxXvKQ9sMciljJZLZ58B09wscJZ1GukB3Ly+LBEpHxg10mygZD+5l2DZz/zKb2meZ3cOVJ/NF+B+cdO7uplgoXMqofiz/PHEcrc3Vj740dh+njGLuRRknGolj1JJF0MZGMjtGAvNBWDF8DFMinidZkYHHaMt+f3o9Idqqnebfsv/tXkc3OpOuu5ysm+PeIq9xC0PHsIy70bUtB3rD4Dej7+2ireSa+ZIH+GuvtsbeSWC/eFXnW7JBPnWvXrAT7lTOiUg2X499dySzPwwpfJKND4y0z9CH2ZI7we4S7Wl+QABmnfyjx0AvBGNRYjHtkY4+ztA+Sh3+55yQZLoZ5NyO6bSXvFmQ5JoFggnbctbp/z79JfasWpplgvGPl9DT0rbd5OMTVkiI4Jbhv4bBVaniZUaxWAiNvEgZF62tvKJkHKqsPMRJ58D7ABYxb/TvfhUv8BHNjHGf1b9rLAMcepNdZXyUTu9a127kGe+/HvtXOwG+7wG5dZu1nO/4NU226xFrqlXdg5topFINNaclUOo04kHVj8GXVmdIper5Rd02LnfNSTw4d0Dao6oe1IhfDlJVxGOra9hKXjNYnROqUQ1eUVWLNT2nfgFsz8toY8jPCe16QjXVG6uesb6ZXLdaUgcH70Y1ec5/rTnleCuAnn+rR6qGejYOaplx5qs6yXGrSaXqOE6A+Sz3+PiSEiQ5Gbnun8krn1puk2lTP7U+7nJ8vNbIHZBzWQf44NQmBuAAxq1kUTKeFPbYcuolaXBid6Dad4bwIeV9D8Oa/cS8bNEww/f6e86ie8R59ImYwOtp9jYyu09pZ7d2zKiRgd8DUCsdcYJ4iOhE1JF0i4ApxIDSvLaodbvkme0YSb4dxvmX5n8CweKj8EXtrl2FG0GKcNO0gwfNr8nLXS9S8VbvDKW9t8KPPMU9u+P79bw5aPLaa1dpZJKbR0Fd9ooHBzs9piV4gHBZzTavFpc2vb5c2LE4e0146BV5d2wvDyhx6bY274uevClFCDZOMxzs/UoJ4x+n4aWRK7zmJ+x4+dPXdi00IZl68iqdRC74sTL5fufBUMkVLjbYXDPAgYxtmUk2mXM8/f72mTfE5aJyScSDZ3bA9tlAeJWsS94F6mo0YrHjB8fy0USOA02omPiBaO+ABgVpUTxg6eg8PemvA50mv5L1/4MFsBrF1St5Ep50fQKK884VyFBBLpU/69X2GY5JHoN6NCVDcwUgxDojw3TUpDhmjJN2sDvGxT/U+UV7oDPPPdjrhfL7aTNnJMQr3b1tL4hUhnQBA//woqjQ93u9LaB2VqPBrU6eAuJy9jVUQWtgWa9qfHTIiJl3fA4oRr0FbOQ7Xnhd/EZdcKx/IgNPQjZRJ9guoBciT5JNGlxZsj+FT7CalhaWNs2KkMwr2Q0yHlLSusnA6OpCHacBQYq6gY+BffiBW4P1Y3606xUwujA031oThsgRK9zTPbTwzhB+c+UzGq7sVvlNETKEx99E1sWBwb9H97GrwM09yzYvaati/6syqVZ57iwqkpyiXNoNpkyNLMh2yJf5fWKmZebYrp0psioX/2LCmQTUTq87cEDb2bFgZaU28jeV6je6vp1CEySHVdZ1sm45isjo2B+s2qSkWtaVFZL2OCdwKcVl/+fHkBh6/HlfnNdThq/txY3/wd/lom9itfh1+4vrwo/4d9eJj4RH8GN87yA8HlLj7/B46VMUEPju1D0SdfNUQZKb1C/pKmFhsfOpKCJUOE1Re4JZTVLHKReIk71MNFbGHL9Zw+ThLWcW6kecmIQVQewmiefqrTcqzidt+DzzBdtmFpU6Xz2NaqGAzosiLMSvFwxA2nMPkXm2WXR752zTRQMCs52HnVkwIMJ2lB3eE3V3TyvCwSlqIbe0K4Nupmd0lXKBCELlkN+C02tqV9jdR8xpNUgEpGZ7M1pbx804X/pI2+5eRaKi/ywz4N5wUuRuCp8bcv3MjLX4QIdJWZeJdmz/KiUlo3ba8c/Hup33B8u91/efTY2AXZKWJhi/eQRqVYz1JCgheq/UDUcIbaEHDX5jXbjqJLc9CjhPQ74KvARfXZ5yXlOez3nU+8j7ltdXsGhrmDv1dsFtN2pdF9QH/FC5CErnphszuP2u20MllwDeLMqQ9uKxAXulGYDLh8zglNIESM/6JPY70N2pI1O/u1HpBOCbH/rsKXTDs5rg7+1ld/TTw2Mw1If8+IH0QcixBx+P2iXPSfYnVAu9oafP6p2ZzlymxVKZOZdaUJBdBs/LLS7OnQeXZR+PQZ0LsBq9avghD23bnhPI6ChSxokLYbPQcyYSrItyDfuhZtZGRYLj0osoDZ+Uv85SbmUvzbtHcuw/RZ+nSUHns5g4q/ey5Kj498w0SZKM/U6c+fBhCQoAiQgUxeDhg8SAJzQ0oqYGrGFrFoTlgQ0h+WrhGkce088fnAQlBaKlHLze+/GcTUd23NkV2vb2stWe01eXtmu1FdmTT3fqbgjd882FlYwK1v5OZkWYDVplFU4Oz0+RAPtSLqleq2jXq/4zAylLGuKtE2g74rnRy/2uxSwLR3K8I8OFbgZbf5l9ei0OBYrkdaAPShePOsrjpUlWFkVsjGLMKkkaL3O0iNNXrty8eXhz0xU9w8w96wgBS09p3NKAU/pzKcaPiOUdBVzhid2e8O7oRLcUkRssAmHXdNjzUS7xNQiIv/ZEGH4ARxDNVz+a84fzV9bRoVcqYwWTu5QZujN85/iEcZa69lbkvBqyOTqfEOwZRF46ZdJSVsiGxEc3ttCWzKXW0ObO3kq78ejqfTp9GAiZT+u/+j3/zX0Jbv6xgX+Ojmw78Zcr0d76pDLjff7N6Tfz2ydvvzXR3vWvE9tGfr2O/+nne+HcL74QEZ/Uv+IDn1p147jAz23Dubi5TJGIed5a5LcVyS/Jf1BsnUReSR5YgFjVNdRZDfw54L66fTXAaobwPB7e0DgQNgvVvpGRAX4Zv3fEW9brWs4feGyWQjj5ASB0Pdzx16S/Omz2/81W3aaH0W+r2H/HXQXBkFIJBR8SaU8wBIKgRCU4iBMP9q9tN6VTD1HTTcCEui2ov3eTmtm1xKb7MCf90XlzHa8X1gn6XsLVgPolk3vOc9O5hAY9RjCvSD0BtTCTRpLerP4J3MSwqTeJI61MxvvIzUjfRagJ3mzqa8J1f39/NYk0XTRt4aC4gmIgx6FFhXIIxRUWWhOQorgQSI7rUp6Eg7+hvyAJeA1otTEyWTh4DXU1Woj0r+wEZBW0kC5sk6+pysY1bcatcuIs2yVIaBUUrrnqV2lQsJ1datJEDY///IHG5dl5c7L26rMECQnr7dfOeM9eWmcjq85GCQXAaevYxz0ulDqSvLhQZrUP/rhIDbCa8zjW4+mneWc6FnWJj/jLMlZqU3fwkzRrg4PPhSHTPpa5ysqsUT56t+1R1N7R0tK8gAf7XkC+f0fKuABCOvRQnsZ2wyMjMEb3QEjb/wr9EEfBoR/jAJMJUDFnDPRg9btAmbbPeOG1B+siC6/p0EebTYcYpGvUa6wkHcwA4VQWjUhjUU00pkvcsgIfwIN/OQd//IScm+Ljx6uBXHro/UTZt7gDvn8fdqPDEdJ2U2ze48dlZaU8DB5Tq+39y+zKPn2iEWYHFhWyecvLSsN4EtduXX45r7SUt9xV0k2avPe2HLPmsbv74Lt34Rq/7+7ddOjTWJWZlc4aZqVnRi4r7WFkoaAsMysta2VW9qldYqGgZmzi61hNIgAAG+AX2BMArB8T7AfAhiNw148zHqKHOa3vr0gHAPtEG0xmhXG+gWV8DK54+e/0wj5QaMT9ay9NwsVhUa8UwcFqALAaBEXj1BWGlludBFiDTUDLNW3iS9kZyG1aGSa8hnUUfL0Hxxnf/68InsTyaqQLXo0r6GCNxZugqM6uNnLwJXCbOAMvxL6WMaE+Cuyfvplelqjhutg3xACwn32y3Mta8W1lzEgT1fuWwbUx4FgZIcFu+bRAiHAt9koy4F2w/CL9sK8MC6dhoSxK5+DJf7AfDODkRo6S4fWRSPkf/q67xfu/IOR7QiFhWP9zmHpFCIA/z/sJ9/5oE5/Th5Q9sADZ7cxLIIYhCABCKABIfPjs7mAv3IkvdP4d2CFaKr37LisFEyDsaw/hHjOj4QD2LXOxn4ljG4GX29iEmSw2pUkc9j++1+rROSu++/lHsM4/E78ChD/vb6v+WtaKmd4YMZZYzmlYcWEtrnMK66BTMKdH4cEG6PSdI2Y71FM2zC1o0h/K1g9rDsTarzk4dP0Mtjp/MwQ6/8zBs/fPIDC62zlkaDbnQTEtultmiI4cTpdASaWo+N3jgZ9QJ44GKedQ32CdVMJuvT2tOkBgdYT0ue7dSyimLTwtGoBZw2h6RvL1wMrxcbMp69B10nZ1ZxkDkd8WzIKTy1VJokTZv7tL/fafQDVhkVG2ur/qN2A6evbBztqWofXAhWmrfVG7WbXnlizCZUOjmuDJksD+chWM+HpnkDjB2lDCGT3aWHsrrHzdvtWmH8f4tumdwlYyLR09AyMTM4JiOO8SnzkyDi4ePgEhETEJKYKMnIKSipqGlo6egZGJmYWVjZ2Dk4ubh5cvyFNtkpVmh1k9jnHqeBMfpsOdpH5Y/d5lYv6cDJAdZrF9frpZeWp4uR3SJl/WjhwvDS9pVAefzhrz5rlrkcnrfkQGw7uK19oEE+ZHMMnzq+iQZ+w7s79ITFp8V54Neo8VbzcPP6LW98lfgOLHaKbLx9WvEnUqlKKTimyXGFTw7jcgmanTifFKIpV7p1e2uk1Oq81p1YN6o7+uJ1PmL3p0HV/mqG547T4c0dLQ4CPR9ExKf/j3Y4vCdTnrItrYy7scYtHV1bxPSGL3V4chQ7ThsUTaQkMHdo+mwgNag/CHA9m859eZWDv2jzpThhKvsYtDsLyJ6gLf3KpNkXlbHXMm1JIULfkMSzQhUcgz9Skl9C7LQWZqVwAA') format('woff2'),
url('iconfont.woff?t=1582203896358') format('woff'),
url('iconfont.ttf?t=1582203896358') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
url('iconfont.svg?t=1582203896358#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
......@@ -15,6 +15,34 @@
-moz-osx-font-smoothing: grayscale;
}
.yun-icon--pause:before {
content: "\e76a";
}
.yun-icon--setting:before {
content: "\e69d";
}
.yun-icon--fullScreen1:before {
content: "\e629";
}
.yun-icon--fullScreen2:before {
content: "\e630";
}
.yun-icon--volume:before {
content: "\e62a";
}
.yun-icon--mute:before {
content: "\e63e";
}
.yun-icon--play:before {
content: "\e81f";
}
.yun-icon--right:before {
content: "\e68b";
}
......@@ -75,7 +103,7 @@
content: "\e61e";
}
.yun-icon--play:before {
.yun-icon--play2:before {
content: "\e61d";
}
......@@ -99,10 +127,6 @@
content: "\e617";
}
.yun-icon--fullScreen:before {
content: "\e616";
}
.yun-icon--search:before {
content: "\e615";
}
......@@ -171,10 +195,6 @@
content: "\e605";
}
.yun-icon--volume:before {
content: "\e604";
}
.yun-icon--add:before {
content: "\e603";
}
......
assets/font/iconfont.eot
No preview for this file type
assets/font/iconfont.svg
......@@ -20,6 +20,27 @@ Created by iconfont
/>
<missing-glyph />
<glyph glyph-name="yun-icon--pause" unicode="&#59242;" d="M757.52 822.893h-62.493c-34.526 0-62.498-27.984-62.498-62.511v-749.948c0-34.526 27.974-62.493 62.498-62.493h62.493c34.516 0 62.502 27.968 62.502 62.493v749.953c-0.001 34.524-27.984 62.509-62.502 62.509zM320.054 822.893h-62.502c-34.526 0-62.498-27.984-62.498-62.511v-749.948c0-34.526 27.974-62.493 62.498-62.493h62.502c34.505 0 62.493 27.968 62.493 62.493v749.953c-0.001 34.524-27.984 62.509-62.493 62.509z" horiz-adv-x="1024" />
<glyph glyph-name="yun-icon--setting" unicode="&#59037;" d="M925.312 446.272l-71.424 11.2a55.68 55.68 0 0 0-27.072 12.224 50.496 50.496 0 0 0-16.832 21.44 184.128 184.128 0 0 0-8.704 41.344 83.648 83.648 0 0 0 4.608 41.344l42.88 58.176a47.488 47.488 0 0 1 6.656 17.856 39.296 39.296 0 0 1-1.536 18.88 48.64 48.64 0 0 1-9.152 16.32l-31.616 31.616a38.848 38.848 0 0 1-26.048 11.2 39.808 39.808 0 0 1-27.008-7.168l-58.176-42.88a52.608 52.608 0 0 0-27.584-11.2 44.992 44.992 0 0 0-27.584 4.096 145.92 145.92 0 0 0-21.952 12.8 192.896 192.896 0 0 0-25.472 20.928c-8.512 8.128-13.12 15.296-13.76 21.376l-11.264 71.488a38.848 38.848 0 0 1-13.76 24.448 38.848 38.848 0 0 1-26.048 10.24H489.6a37.888 37.888 0 0 1-17.92-4.608 44.096 44.096 0 0 1-14.784-12.8 34.816 34.816 0 0 1-7.104-17.28l-11.264-71.488a47.616 47.616 0 0 0-6.144-18.368c-3.392-6.144-7.68-11.584-12.8-16.32s-9.984-7.808-14.72-9.152c-11.584-4.096-25.344-7.04-41.344-8.704-16-1.728-29.824-0.192-41.344 4.608l-58.176 42.88a40.32 40.32 0 0 1-27.008 7.168 39.04 39.04 0 0 1-26.048-11.264l-31.616-31.616a48.96 48.96 0 0 1-9.216-16.32 39.296 39.296 0 0 1-1.536-18.88c1.024-6.464 3.2-12.416 6.656-17.856l42.88-58.176a58.88 58.88 0 0 0 11.264-28.032 43.52 43.52 0 0 0-4.096-27.008c-2.752-6.144-7.04-13.504-12.8-22.016-5.824-8.512-12.8-16.96-20.928-25.472-8.192-8.512-15.296-13.056-21.44-13.76l-71.424-11.264a34.112 34.112 0 0 1-13.248-4.608 39.68 39.68 0 0 1-10.752-9.152 55.936 55.936 0 0 1-7.616-12.224 32.896 32.896 0 0 1-3.072-13.824v-44.864c0-9.536 3.392-18.24 10.24-26.048a39.04 39.04 0 0 1 24.512-13.76l71.424-11.2a48.896 48.896 0 0 0 18.368-6.208c6.144-3.392 11.584-7.68 16.32-12.8a37.12 37.12 0 0 0 9.152-14.72l2.048-7.168a58.752 58.752 0 0 0 3.072-10.688l2.048-11.712a132.864 132.864 0 0 0 2.048-24.448v-11.2a30.656 30.656 0 0 0-5.12-17.344l-42.88-58.176a40.32 40.32 0 0 1-7.168-27.008 39.04 39.04 0 0 1 11.264-26.048l31.616-31.616a38.848 38.848 0 0 1 26.048-11.2 39.936 39.936 0 0 1 27.008 7.168l58.176 42.88a57.6 57.6 0 0 0 37.76 11.712 37.952 37.952 0 0 0 17.344-4.608c10.88-4.8 23.488-13.12 37.76-25.024 14.272-11.904 22.08-21.952 23.488-30.08l11.264-71.424a35.136 35.136 0 0 1 7.168-17.344 44.8 44.8 0 0 1 14.784-12.8c5.76-3.2 11.712-4.736 17.856-4.736h44.928c2.688 0 5.76 0.512 9.152 1.536a58.048 58.048 0 0 1 9.152 3.584 35.328 35.328 0 0 1 7.616 5.12 44.8 44.8 0 0 1 6.656 7.168 57.408 57.408 0 0 1 5.12 8.192 20.288 20.288 0 0 1 2.048 9.152l11.2 71.424a55.168 55.168 0 0 0 12.224 27.008 50.496 50.496 0 0 0 21.44 16.832c11.584 4.096 25.536 6.976 41.856 8.704 16.32 1.728 29.952 0.192 40.832-4.608l58.176-42.88a37.888 37.888 0 0 1 13.248-5.632c4.736-1.024 9.536-1.344 14.272-1.024a45.312 45.312 0 0 1 13.76 3.072 32.768 32.768 0 0 1 11.712 7.616l31.616 31.616a39.232 39.232 0 0 1 11.264 26.048 40.256 40.256 0 0 1-7.168 27.008l-42.88 58.176a52.608 52.608 0 0 0-11.2 27.584 44.992 44.992 0 0 0 4.096 27.584 188.8 188.8 0 0 0 33.728 47.424c8.192 8.512 15.296 13.056 21.44 13.76l71.424 11.264a39.168 39.168 0 0 1 24.512 13.76 39.104 39.104 0 0 1 10.176 26.048V406.4a37.504 37.504 0 0 1-4.608 17.856 43.52 43.52 0 0 1-12.8 14.784 35.584 35.584 0 0 1-17.28 7.232z m-413.248-239.808a171.072 171.072 0 0 0-125.504 52.032C351.872 293.18399999999997 334.528 335.03999999999996 334.528 384s17.344 90.816 52.032 125.504a171.072 171.072 0 0 0 125.504 52.032c48.96 0 90.816-17.344 125.504-52.032 34.752-34.688 52.096-76.544 52.096-125.504s-17.344-90.816-52.032-125.504a171.328 171.328 0 0 0-125.568-52.032z" horiz-adv-x="1024" />
<glyph glyph-name="yun-icon--fullScreen1" unicode="&#58921;" d="M599.04 445.44c-7.68 0-12.8 2.56-17.92 7.68-10.24 10.24-10.24 25.6 0 35.84l220.16 220.16c10.24 10.24 25.6 10.24 35.84 0s10.24-25.6 0-35.84l-220.16-220.16c-5.12-5.12-12.8-7.68-17.92-7.68zM824.32 550.4c-15.36 0-25.6 10.24-25.6 25.6V670.72h-94.72c-15.36 0-25.6 10.24-25.6 25.6s10.24 25.6 25.6 25.6h120.32c15.36 0 25.6-10.24 25.6-25.6v-120.32c0-15.36-10.24-25.6-25.6-25.6zM202.24 51.200000000000045c-7.68 0-12.8 2.56-17.92 7.68-10.24 10.24-10.24 25.6 0 35.84l220.16 220.16c10.24 10.24 25.6 10.24 35.84 0s10.24-25.6 0-35.84l-220.16-220.16c-5.12-5.12-10.24-7.68-17.92-7.68zM320 46.08000000000004H199.68c-15.36 0-25.6 10.24-25.6 25.6v120.32c0 15.36 10.24 25.6 25.6 25.6s25.6-10.24 25.6-25.6v-94.72h94.72c15.36 0 25.6-10.24 25.6-25.6s-10.24-25.6-25.6-25.6zM819.2 48.639999999999986c-7.68 0-12.8 2.56-17.92 7.68l-220.16 220.16c-10.24 10.24-10.24 25.6 0 35.84s25.6 10.24 35.84 0l220.16-220.16c10.24-10.24 10.24-25.6 0-35.84-5.12-5.12-12.8-7.68-17.92-7.68zM824.32 46.08000000000004h-120.32c-15.36 0-25.6 10.24-25.6 25.6s10.24 25.6 25.6 25.6h94.72v94.72c0 15.36 10.24 25.6 25.6 25.6s25.6-10.24 25.6-25.6v-120.32c0-15.36-10.24-25.6-25.6-25.6zM424.96 445.44c-7.68 0-12.8 2.56-17.92 7.68L184.32 673.28c-10.24 10.24-10.24 25.6 0 35.84s25.6 10.24 35.84 0l220.16-220.16c10.24-10.24 10.24-25.6 0-35.84-2.56-5.12-10.24-7.68-15.36-7.68zM199.68 550.4c-15.36 0-25.6 10.24-25.6 25.6V696.3199999999999c0 15.36 10.24 25.6 25.6 25.6h120.32c15.36 0 25.6-10.24 25.6-25.6s-10.24-25.6-25.6-25.6H225.28v-94.72c0-15.36-12.8-25.6-25.6-25.6z" horiz-adv-x="1024" />
<glyph glyph-name="yun-icon--fullScreen2" unicode="&#58928;" d="M181 538.5V714.8h176.4c14.3 0 25.9 11.6 25.9 25.9v31.1c0 14.3-11.6 25.9-25.9 25.9H118c-11 0-20-9-20-20v-239.4c0-14.3 11.6-25.9 25.9-25.9H155c14.4 0.1 26 11.7 26 26.1zM668.6 714.8H845v-176.4c0-14.3 11.6-25.9 25.9-25.9H902c14.3 0 25.9 11.6 25.9 25.9V777.8c0 11-9 20-20 20H668.6c-14.3 0-25.9-11.6-25.9-25.9v-31.1c0-14.3 11.6-26 25.9-26zM357.4 50.799999999999955H181V227.20000000000005c0 14.3-11.6 25.9-25.9 25.9H124c-14.3 0-25.9-11.6-25.9-25.9v-239.4c0-11 9-20 20-20h239.4c14.3 0 25.9 11.6 25.9 25.9v31.1c-0.1 14.4-11.7 26-26 26zM845 227.20000000000005v-176.4H668.6c-14.3 0-25.9-11.6-25.9-25.9v-31.1c0-14.3 11.6-25.9 25.9-25.9H908c11 0 20 9 20 20V227.20000000000005c0 14.3-11.6 25.9-25.9 25.9H871c-14.4 0-26-11.6-26-25.9z" horiz-adv-x="1024" />
<glyph glyph-name="yun-icon--volume" unicode="&#58922;" d="M308.971 238.01300000000003l150.28-165.279a16 16 0 0 1 11.838-5.236c8.837 0 16 7.163 16 16v600.67a16 16 0 0 1-5.236 11.839c-6.538 5.944-16.657 5.463-22.602-1.075l-150.28-165.279A112 112 0 0 0 226.105 493H177c-17.673 0-32-14.327-32-32v-154.333c0-17.674 14.327-32 32-32h49.105a112 112 0 0 0 82.866-36.654zM177 194.66700000000003c-61.856 0-112 50.144-112 112V461c0 61.856 50.144 112 112 112h49.105a32 32 0 0 1 23.676 10.472l150.28 165.28c35.668 39.227 96.383 42.113 135.61 6.445a96 96 0 0 0 31.418-71.028v-600.671c0-53.02-42.98-96-96-96a96 96 0 0 0-71.029 31.417l-150.28 165.28a32 32 0 0 1-23.675 10.472H177z m456.058 348.336c-18.47 12.118-23.621 36.915-11.503 55.386 12.118 18.471 36.916 23.621 55.387 11.503C752.495 560.325 799 476.092 799 384c0-92.093-46.505-176.325-122.058-225.892-18.471-12.118-43.269-6.968-55.387 11.503-12.118 18.471-6.968 43.268 11.503 55.386C686.303 259.92999999999995 719 319.15200000000004 719 384c0 64.848-32.697 124.07-85.942 159.003z m92.93 137.323c-18.07 12.71-22.415 37.66-9.706 55.73s37.66 22.415 55.73 9.706C888.942 663.5219999999999 960 529.702 960 384s-71.058-279.522-187.988-361.762c-18.07-12.71-43.021-8.364-55.73 9.706-12.709 18.07-8.363 43.02 9.706 55.73C821.838 155.08799999999997 880 264.62 880 384c0 119.38-58.161 228.912-154.012 296.326z" horiz-adv-x="1024" />
<glyph glyph-name="yun-icon--mute" unicode="&#58942;" d="M515.756 274.67999999999995v-179.391L441.1 163.14099999999996 318.837 274.31500000000005a37.46 37.46 0 0 1-25.169 9.714l-113.981-0.036-0.369 239.826h87.299l-74.687 74.687h-12.612c-41.107-0.164-74.341-33.553-74.318-74.651v-239.862c0-41.171 33.348-74.651 74.318-74.651h99.929L441.1 62.19200000000001l59.382-53.965c14.977-13.596 29.165-17.387 40.332-17.387 8.621 0 15.496 2.26 19.455 4.028 9.113 4.028 30.245 17.241 30.245 52.981V199.91999999999996l-74.758 74.76zM846.634 355.27099999999996c0-72.792-18.663-125.298-39.116-161.239l52.156-52.161c29.753 45.873 58.512 115.439 58.512 213.436 0 199.056-123.02 281.288-128.283 284.678a35.316 35.316 0 0 1-26.859 4.848 35.397 35.397 0 0 1-22.289-15.747c-10.689-16.749-6.087-38.984 10.384-50.119 3.845-2.605 95.495-66.011 95.495-223.696zM647.697 467.867c2.278-1.185 55.865-29.416 55.865-109.935 0-20.759-3.012-38-7.463-52.47l54.616-54.621c13.733 26.828 24.363 61.51 24.363 107.055 0 127.905-92.616 173.577-96.534 175.472v-0.036a35.383 35.383 0 0 1-27.128 1.294 35.349 35.349 0 0 1-20.039-18.316c-8.475-17.916-1.267-39.312 16.32-48.443zM417.558 583.998l23.511 21.378 74.687 67.889V485.8l74.76-74.76V720.687c0 24.695-11.35 44.415-30.359 52.853-9.145 4.028-33.275 10.789-59.747-13.304l-59.309-53.91-76.405-69.456 52.862-52.872zM829.266 29.403999999999996c-9.55 0-19.1 3.645-26.39 10.935l-634.53 634.53c-14.58 14.58-14.58 38.2 0 52.78 14.58 14.58 38.2 14.58 52.78 0l634.53-634.529c14.58-14.58 14.58-38.2 0-52.78-7.29-7.291-16.84-10.936-26.39-10.936z" horiz-adv-x="1024" />
<glyph glyph-name="yun-icon--play" unicode="&#59423;" d="M912.724884 466.644319L208.797545 882.801362C151.603449 916.597874 64.01249 883.801259 64.01249 800.209888V-31.904219000000012c0-74.992259 81.391599-120.187594 144.785055-82.591475l703.927339 415.957064c62.793518 36.996181 62.993498 128.186768 0 165.182949z" horiz-adv-x="1024" />
<glyph glyph-name="yun-icon--right" unicode="&#59019;" d="M427.2128 234.85440000000006l364.2368 380.5184a38.4 38.4 0 0 0 55.5008-53.1456l-392.0896-409.6a38.4 38.4 0 0 0-55.6032 0.1536l-222.3104 233.984a38.4 38.4 0 1 0 55.7056 52.9408l194.56-204.8512z" horiz-adv-x="1024" />
......@@ -65,7 +86,7 @@ Created by iconfont
<glyph glyph-name="yun-icon--invisible" unicode="&#58910;" d="M457.762254 686.966167a354.611367 354.611367 0 0 0 54.526058 3.967858c162.746202 0 315.764751-117.179825 404.785579-307.189056a779.364235 779.364235 0 0 0-46.078358-83.901011 51.198176 51.198176 0 1 1 86.972901-53.758085 807.01125 807.01125 0 0 1 61.949793 117.691807 51.198176 51.198176 0 0 1 0 40.44656c-103.676307 240.311439-298.10138 389.106138-507.629915 389.106138a397.617835 397.617835 0 0 1-71.613449-6.399772 51.902151 51.902151 0 1 1 17.40738-102.396353zM87.791434 880.943256A51.390169 51.390169 0 0 1 15.090024 808.241846l158.650348-158.074368A748.133348 748.133348 0 0 1 4.338407 404.544228a51.198176 51.198176 0 0 1 0-40.958541c103.356318-239.99145 297.845389-388.914145 507.629916-388.914145a473.583129 473.583129 0 0 1 258.422794 78.781194l165.818092-166.394072a51.390169 51.390169 0 1 1 72.637413 72.637412z m325.428407-470.255247l125.371533-125.371533a92.604701 92.604701 0 0 0-26.623051-3.583873 102.396352 102.396352 0 0 0-102.076364 102.012366 92.604701 92.604701 0 0 0 3.583873 26.623052z m99.068471-333.684112c-162.746202 0-315.764751 117.179825-404.273598 307.189056a618.66596 618.66596 0 0 0 137.851089 193.785097l90.620771-91.836729a204.792704 204.792704 0 0 1 277.878101-277.8781l81.341102-80.317139a370.482802 370.482802 0 0 0-183.737454-51.198176z" horiz-adv-x="1024" />
<glyph glyph-name="yun-icon--play" unicode="&#58909;" d="M717.930667 356.22400000000005l-285.866667-165.12a32 32 0 0 0-48 27.733333V549.12a32 32 0 0 0 48 27.733333l285.866667-165.12a32 32 0 0 0 0-55.509333zM512 832a448.128 448.128 0 0 0 174.4-860.8 448.128 448.128 0 0 0-348.8 825.6A445.184 445.184 0 0 0 512 832m0 64a512 512 0 1 1 512-512A512 512 0 0 1 512 896z" horiz-adv-x="1024" />
<glyph glyph-name="yun-icon--play2" unicode="&#58909;" d="M717.930667 356.22400000000005l-285.866667-165.12a32 32 0 0 0-48 27.733333V549.12a32 32 0 0 0 48 27.733333l285.866667-165.12a32 32 0 0 0 0-55.509333zM512 832a448.128 448.128 0 0 0 174.4-860.8 448.128 448.128 0 0 0-348.8 825.6A445.184 445.184 0 0 0 512 832m0 64a512 512 0 1 1 512-512A512 512 0 0 1 512 896z" horiz-adv-x="1024" />
<glyph glyph-name="yun-icon--img" unicode="&#58907;" d="M1134.733581 692.738576l-219.967153 10.665591-12.79871 143.43087a55.034451 55.034451 0 0 1-61.092506 48.805746L51.877436 830.879313a54.437178 54.437178 0 0 1-51.706787-57.850167l56.570296-628.757933a55.2051 55.2051 0 0 1 61.092507-48.805746l40.017298 3.24234-6.484679-121.758389a60.580558 60.580558 0 0 1 59.72731-62.628352l880.209913-41.894442a61.177831 61.177831 0 0 1 66.126665 56.570295l37.030933 702.051877a60.239259 60.239259 0 0 1-59.727311 61.68978z m-946.336578-14.163906L169.454913 319.101584l-46.672627-65.870691L79.863947 727.807039v2.645067a28.925083 28.925083 0 0 0 25.597419 25.085471L801.455187 813.131769a25.597419 25.597419 0 0 0 27.986511-21.075208c0-0.511948 0.767923-0.511948 0.767923-1.023897s0.767923-0.511948 0.767922-1.109221l7.167277-82.167715-583.96245 27.986511a61.51913 61.51913 0 0 1-65.870691-56.82627z m890.619529-631.403L867.325878 168.93006000000003l-187.714405-98.12344-140.444506 248.465613L241.468985 87.87156600000003l27.730537 530.890469v1.109221a30.460929 30.460929 0 0 0 31.7408 23.976249l776.455041-37.372231a28.32781 28.32781 0 0 0 27.730537-27.218589c0-0.511948 0.767923-0.767923 0.767922-1.365196zM938.486703 384.033703a85.32473 85.32473 0 1 1-85.32473 85.32473 85.32473 85.32473 0 0 1 85.32473-85.32473z" horiz-adv-x="1194" />
......@@ -83,9 +104,6 @@ Created by iconfont
<glyph glyph-name="yun-icon--home" unicode="&#58903;" d="M920.818998 587.966291L614.02854 856.947293a153.57806 153.57806 0 0 1-204.770747 0L102.759864 587.966291a153.57806 153.57806 0 0 1-51.192687-115.549208v-446.912155a153.57806 153.57806 0 0 1 153.57806-153.57806h613.580917a153.57806 153.57806 0 0 1 153.578061 153.57806V472.92901a153.57806 153.57806 0 0 1-51.485217 115.037281z m-306.790458-613.580917h-204.770747v255.963433a51.192687 51.192687 0 0 0 51.192687 51.192687h102.385373a51.192687 51.192687 0 0 0 51.192687-51.192687z m255.963434 51.192686a51.192687 51.192687 0 0 0-51.192687-51.192686h-102.385374v255.963433a153.57806 153.57806 0 0 1-153.57806 153.578061h-102.385373a153.57806 153.57806 0 0 1-153.578061-153.578061v-255.963433H205.145237a51.192687 51.192687 0 0 0-51.192686 51.192686V472.92901a51.192687 51.192687 0 0 0 17.405513 38.321383L478.002258 779.719469a51.192687 51.192687 0 0 0 67.501214 0l306.790458-268.469076a51.192687 51.192687 0 0 0 17.405514-38.321383z" horiz-adv-x="1024" />
<glyph glyph-name="yun-icon--fullScreen" unicode="&#58902;" d="M660.192245 896v-143.548668h220.259087v-229.619367h143.548668v372.948653z m220.259087-880.451332H660.411626v-143.548668h363.588374V235.58837400000004H880.451332zM0.219382 522.68571h143.548668V742.725416h229.619367V896h-372.948654zM153.274584 235.66150100000004H0v-363.588374h372.948654V15.54866800000002H152.908948z" horiz-adv-x="1024" />
<glyph glyph-name="yun-icon--search" unicode="&#58901;" d="M1014.72-75.26400000000001l-228.352 228.352v0.64a448.512 448.512 0 0 1 108.8 248.256 552.512 552.512 0 0 1 0 91.264A449.664 449.664 0 0 1 449.92 896h-1.216A448.96 448.96 0 0 1 0 447.296v-1.216a449.088 449.088 0 0 1 402.752-444.352 372.928 372.928 0 0 1 45.952-2.496 362.944 362.944 0 0 1 45.312 2.496 443.456 443.456 0 0 1 248.256 107.968h0.64l228.352-228.352a30.016 30.016 0 0 1 43.456 0 30.016 30.016 0 0 1 0 43.392z m-278.656 265.6c-9.92-10.56-19.84-20.48-30.4-30.4a387.392 387.392 0 1 0 30.4 30.4z" horiz-adv-x="1024" />
......@@ -137,9 +155,6 @@ Created by iconfont
<glyph glyph-name="yun-icon--call" unicode="&#58885;" d="M396.221924 589.915579l-108.308619-111.464067a594.674016 594.674016 0 0 1 315.544795-312.304065l94.32231 94.407591a2059.995819 2059.995819 0 0 0 272.903606-63.108959 111.719914 111.719914 0 0 0 51.169427-125.109247 254.567896 254.567896 0 0 0-234.185408-200.157739c-146.600406-1.108671-361.426714 109.246725-515.361405 270.771547S-19.785511 510.432403 2.387907 686.199383A230.944677 230.944677 0 0 0 214.314614 894.970642a98.160016 98.160016 0 0 0 92.019685-37.524246 1497.558542 1497.558542 0 0 0 89.887625-267.530817z" horiz-adv-x="1026" />
<glyph glyph-name="yun-icon--volume" unicode="&#58884;" d="M642.436267 896a76.8 76.8 0 0 1-47.274667-17.066667l-230.4-179.2a76.8 76.8 0 0 0-47.530667-17.066666H85.550933a93.866667 93.866667 0 0 1-85.333333-99.84v-399.274667a93.866667 93.866667 0 0 1 85.333333-99.84h231.253334a76.8 76.8 0 0 0 47.274666-17.066667L595.4176-110.93333299999995a76.8 76.8 0 0 1 47.018667-17.066667 93.866667 93.866667 0 0 1 85.930666 100.010667V795.989333A93.866667 93.866667 0 0 1 642.436267 896zM921.8176 86.01599999999996a47.957333 47.957333 0 0 0-34.645333 14.677333 50.688 50.688 0 0 0 0 70.656 303.701333 303.701333 0 0 1 0 423.850667 50.688 50.688 0 0 0 0 70.656 48.384 48.384 0 0 0 69.376 0 404.906667 404.906667 0 0 0 0-564.992 48.213333 48.213333 0 0 0-34.730667-14.848zM1129.774933-125.866667a47.957333 47.957333 0 0 0-34.645333 14.677334 50.688 50.688 0 0 0 0 70.656 607.658667 607.658667 0 0 1 0 847.701333 50.688 50.688 0 0 0 0 70.656 48.384 48.384 0 0 0 69.376 0 696.917333 696.917333 0 0 0 147.029333-221.866667 712.96 712.96 0 0 0 0-544.341333 698.965333 698.965333 0 0 0-147.029333-221.866667 47.701333 47.701333 0 0 0-34.730667-15.616z" horiz-adv-x="1366" />
<glyph glyph-name="yun-icon--add" unicode="&#58883;" d="M512.014574-127.99803099999997a511.972826 511.972826 0 1 0 362.00417 149.929273A508.664694 508.664694 0 0 0 512.014574-127.99803099999997zM354.484473 423.35732a39.382525 39.382525 0 1 1 0-78.76505h118.147576v-118.147575a39.382525 39.382525 0 1 1 78.76505 0v118.147575h118.147575a39.382525 39.382525 0 1 1 0 78.76505h-118.147575V541.5048959999999a39.382525 39.382525 0 1 1-78.76505 0v-118.147576z" horiz-adv-x="1024" />
......
assets/font/iconfont.ttf
No preview for this file type
components/common/video/src/main.vue
<template>
<div class="video-container__wrap">
<video class="video" src="">
</video>
<div class="video-container__left">
</div>
<div class="video-container__right">
</div>
<div class="video-container__top">
</div>
<div class="video-container__bottom">
<div class="bottom-container">
<div class="bottom__left">
<yun-icon class="play__btn" name="play" v-if="!play" @click.native="clickToPlay"></yun-icon>
<yun-icon class="pause__btn" name="pause" v-if="play" @click.native="clickToPlay"></yun-icon>
<p class="process__word"><span>1:00</span>/3:34</p>
</div>
<div class="bottom__right">
<yun-icon name="volume" v-if="volume!==0"></yun-icon>
<yun-icon name="mute" v-if="volume===0"></yun-icon>
<yun-icon name="setting"></yun-icon>
<yun-icon name="fullScreen2"></yun-icon>
<yun-icon name="fullScreen1"></yun-icon>
</div>
<div class="abs__setting-box">
</div>
<div class="abs__volume-box">
<div class="process__volume" @mousedown.stop="clickVolume">
<div class="drag__btn" @mousedown="dragVolume" :style="{bottom:`calc(${volume*100}% - 8px)`}"></div>
<div class="process__line" :style="{height:`calc(${volume*100}% - 8px)`}"></div>
</div>
</div>
<div class="abs__speed-box">
</div>
</div>
</div>
</div>
</template>
......@@ -7,11 +56,253 @@
export default{
data(){
return{
play:true,
volume:0.8,
}
},
methods:{
getElementToPageTop(el) {
if(el.parentElement) {//父级元素须为定位元素
// console.log(el)
// console.log(el.offsetTop)
return this.getElementToPageTop(el.parentElement) + el.offsetTop
}
return el.offsetTop
},
clickToPlay(){
this.play = !this.play;
},
dragVolume(el){
let disY = el.clientY - el.target.offsetTop;
document.onmousemove = (e) => {
//用鼠标的位置减去鼠标相对元素的位置，得到元素的位置
let top = e.clientY - disY;
let bottom = 100 - top;
if(bottom>=0&&bottom<=100){
console.log(bottom/100);
this.volume = bottom/100;
}
};
document.onmouseup = () => {
document.onmousemove = null;
document.onmouseup = null;
};
},
clickVolume(el){
el.stopPropagation();
if(el.target.className!=='process__line'){
let disY = el.pageY - this.getElementToPageTop(el.target);
this.volume = (100-disY)/100
}else{
let disY = el.pageY - this.getElementToPageTop(el.target);
console.log(disY);
this.volume =(100 - disY-el.target.offsetTop)/100;
}
}
},
directives: {
drag: {
// 指令的定义
bind: function (el) {
if(process.browser){
let odiv = el; //获取当前元素
odiv.onmousedown = (e) => {
//算出鼠标相对元素的位置
let disX = e.clientX - odiv.offsetLeft;
let disY = e.clientY - odiv.offsetTop;
document.onmousemove = (e) => {
//用鼠标的位置减去鼠标相对元素的位置，得到元素的位置
let top = e.clientY - disY;
console.log(top);
let bottom = 100 - top;
this.volume = bottom/100;
//绑定元素位置到positionX和positionY上面
// el.positionX = top;
//移动当前元素
// odiv.style.marginTop = top + 'px';
};
document.onmouseup = (e) => {
document.onmousemove = null;
document.onmouseup = null;
};
};
}
}}
}
}
</script>
<style>
<style lang="scss" scoped>
div{
position: relative;
}
.video-container__wrap{
position:relative;
width:768*$length;
height: 432*$length;
background-color: #000;
.video{
width:100%;
height:auto;
}
.video-container__bottom{
height: 120px;
position:absolute;
bottom:0;
left:0;
right:0;
background-image: linear-gradient(0deg,
rgba(0,0,0,.5) 0,
rgba(0,0,0,0));
background-position: 0 bottom;
background-repeat: repeat-x;
.bottom-container{
height:38*$length;
width:100%;
position:absolute;
bottom:0;
left:0;
right:0;
color:#fff;
@extend %flex-row-spb;
i{
font-size: 18*$font-size;
}
.bottom__left{
@extend %flex-row-spb;
justify-content: flex-start;
i{
transition: 1s all;
margin-left: 30*$length;
}
.process__word{
margin-left: 30*$length;
@include fontStyle(12,38,500,#999,left);
span{
color:#fff;
}
}
}
.bottom__right{
i{
margin-right: 30*$length;
}
}
.abs__setting-box{
position: absolute;
}
.abs__volume-box{
position: absolute;
right:170*$length;
bottom:50*$length;
width:54*$length;
height:130*$length;
border-radius: 4*$length;
background-color: rgb(41,41,41);
@extend %flex-row-center;
.process__volume{
height:100*$length;
width:6*$length;
position:relative;
border-radius: 3*$length;
background-color: rgb(109,109,109);
@extend %cursorPointer;
.drag__btn{
position:absolute;
left:0;
right:0;
bottom:50%;
margin-top: -8*$length;
margin-left: -1*$length;
width:8*$length;
height:8*$length;
border-radius: 4*$length;
background-color: #fff;
box-shadow: 0 0 5px 2px #00AAE6;
@extend %cursorPointer;
}
.process__line{
position:absolute;
left:0;
right:0;
bottom:0;
width:6*$length;
height:50%;
@extend %cursorPointer;
border-radius: 3*$length;
background-color: #00AAE6;
}
}
}
.abs__speed-box{
position: absolute;
}
}
}
.video-container__top{
height:30px;
width:100%;
position:absolute;
top:0;
left:0;
right:0;
background-color: orangered;
}
.video-container__left{
width:30px;
height:100%;
position:absolute;
top:0;
bottom:0;
left:0;
background-color: rebeccapurple;
}
.video-container__right{
width:30px;
height:100%;
position:absolute;
top:0;
bottom:0;
right:0;
background-color: salmon;
}
}
</style>
components/pc/socialContactCard.vue
......@@ -92,7 +92,7 @@
</div>
<div class="footer-item4" @click="MessageAlert">
<yun-icon name="like1" size="12px" ></yun-icon>
<p class="like1"> 收藏</p>
<p class="like1"> 点赞</p>
</div>
</div>
......
pages/test.vue 0 → 100644
<template>
<yun-video></yun-video>
</template>
<script>
import YunVideo from '../components/common/video/src/main.vue';
export default {
components:{
YunVideo
},
data(){
return{
}
},
props:{
},
}
</script>
<style lang="scss" scoped>
.container{
width:$pageWidth;
margin:0 auto;
}
</style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment