feat: 添加自定义iconfont
This commit is contained in:
+250
-24
@@ -1,27 +1,253 @@
|
||||
/**app.wxss**/
|
||||
// .container {
|
||||
// height: 100%;
|
||||
// display: flex;
|
||||
// flex-direction: column;
|
||||
// align-items: center;
|
||||
// justify-content: space-between;
|
||||
// padding: 200rpx 0;
|
||||
// box-sizing: border-box;
|
||||
// }
|
||||
|
||||
.border-1px {
|
||||
position: relative;
|
||||
@font-face {
|
||||
font-family: "j-icon";
|
||||
/* Project id 4489595 */
|
||||
src: url('./assets/font/iconfont.ttf?t=1715597123285') format('truetype');
|
||||
}
|
||||
|
||||
.border-1px::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 200%;
|
||||
height: 200%;
|
||||
border: 1px solid #141414;
|
||||
transform: scale(0.5);
|
||||
transform-origin: 0 0;
|
||||
box-sizing: border-box;
|
||||
.j-icon {
|
||||
font-family: 'j-icon' !important;
|
||||
font-size: 16px;
|
||||
font-style: normal;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.j-icon-error:before {
|
||||
content: '\e73b';
|
||||
}
|
||||
|
||||
.j-icon-more:before {
|
||||
content: '\e73a';
|
||||
}
|
||||
|
||||
.j-icon-scan:before {
|
||||
content: '\e738';
|
||||
}
|
||||
|
||||
.j-icon-fire:before {
|
||||
content: '\e739';
|
||||
}
|
||||
|
||||
.j-icon-arrow-down-circle:before {
|
||||
content: '\e731';
|
||||
}
|
||||
|
||||
.j-icon-map:before {
|
||||
content: '\e732';
|
||||
}
|
||||
|
||||
.j-icon-map-fill:before {
|
||||
content: '\e733';
|
||||
}
|
||||
|
||||
.j-icon-help-circle:before {
|
||||
content: '\e72f';
|
||||
}
|
||||
|
||||
.j-icon-warn-circle:before {
|
||||
content: '\e730';
|
||||
}
|
||||
|
||||
.j-icon-backspace:before {
|
||||
content: '\e72d';
|
||||
}
|
||||
|
||||
.j-icon-backspace-fill:before {
|
||||
content: '\e72c';
|
||||
}
|
||||
|
||||
.j-icon-eye-close:before {
|
||||
content: '\e72e';
|
||||
}
|
||||
|
||||
.j-icon-upload:before {
|
||||
content: '\e722';
|
||||
}
|
||||
|
||||
.j-icon-eye-disable:before {
|
||||
content: '\e726';
|
||||
}
|
||||
|
||||
.j-icon-record:before {
|
||||
content: '\e725';
|
||||
}
|
||||
|
||||
.j-icon-icon-test3:before {
|
||||
content: '\e724';
|
||||
}
|
||||
|
||||
.j-icon-icon-test5:before {
|
||||
content: '\e723';
|
||||
}
|
||||
|
||||
.j-icon-icon-test9:before {
|
||||
content: '\e721';
|
||||
}
|
||||
|
||||
.j-icon-editor-fill:before {
|
||||
content: '\e72b';
|
||||
}
|
||||
|
||||
.j-icon-share:before {
|
||||
content: '\e729';
|
||||
}
|
||||
|
||||
.j-icon-share-fill:before {
|
||||
content: '\e728';
|
||||
}
|
||||
|
||||
.j-icon-editor:before {
|
||||
content: '\e72a';
|
||||
}
|
||||
|
||||
.j-icon-wechat:before {
|
||||
content: '\e727';
|
||||
}
|
||||
|
||||
.j-icon-telephone:before {
|
||||
content: '\e71c';
|
||||
}
|
||||
|
||||
.j-icon-user:before {
|
||||
content: '\e71a';
|
||||
}
|
||||
|
||||
.j-icon-add:before {
|
||||
content: '\e700';
|
||||
}
|
||||
|
||||
.j-icon-add-circle:before {
|
||||
content: '\e710';
|
||||
}
|
||||
|
||||
.j-icon-arrow-up-circle:before {
|
||||
content: '\e720';
|
||||
}
|
||||
|
||||
.j-icon-arrow-right-circle:before {
|
||||
content: '\e71f';
|
||||
}
|
||||
|
||||
.j-icon-arrow-down:before {
|
||||
content: '\e702';
|
||||
}
|
||||
|
||||
.j-icon-ashbin:before {
|
||||
content: '\e71d';
|
||||
}
|
||||
|
||||
.j-icon-arrow-right:before {
|
||||
content: '\e703';
|
||||
}
|
||||
|
||||
.j-icon-eye:before {
|
||||
content: '\e719';
|
||||
}
|
||||
|
||||
.j-icon-bottom:before {
|
||||
content: '\e707';
|
||||
}
|
||||
|
||||
.j-icon-arrow-left-circle:before {
|
||||
content: '\e71e';
|
||||
}
|
||||
|
||||
.j-icon-attachment:before {
|
||||
content: '\e714';
|
||||
}
|
||||
|
||||
.j-icon-code:before {
|
||||
content: '\e717';
|
||||
}
|
||||
|
||||
.j-icon-close:before {
|
||||
content: '\e704';
|
||||
}
|
||||
|
||||
.j-icon-complete:before {
|
||||
content: '\e718';
|
||||
}
|
||||
|
||||
.j-icon-download:before {
|
||||
content: '\e716';
|
||||
}
|
||||
|
||||
.j-icon-minus:before {
|
||||
content: '\e701';
|
||||
}
|
||||
|
||||
.j-icon-picture:before {
|
||||
content: '\e712';
|
||||
}
|
||||
|
||||
.j-icon-search:before {
|
||||
content: '\e711';
|
||||
}
|
||||
|
||||
.j-icon-select:before {
|
||||
content: '\e705';
|
||||
}
|
||||
|
||||
.j-icon-success:before {
|
||||
content: '\e706';
|
||||
}
|
||||
|
||||
.j-icon-add-bold:before {
|
||||
content: '\e708';
|
||||
}
|
||||
|
||||
.j-icon-arrow-left-bold:before {
|
||||
content: '\e70f';
|
||||
}
|
||||
|
||||
.j-icon-arrow-up-bold:before {
|
||||
content: '\e70e';
|
||||
}
|
||||
|
||||
.j-icon-close-bold:before {
|
||||
content: '\e70d';
|
||||
}
|
||||
|
||||
.j-icon-arrow-down-bold:before {
|
||||
content: '\e70c';
|
||||
}
|
||||
|
||||
.j-icon-minus-bold:before {
|
||||
content: '\e709';
|
||||
}
|
||||
|
||||
.j-icon-arrow-right-bold:before {
|
||||
content: '\e70b';
|
||||
}
|
||||
|
||||
.j-icon-select-bold:before {
|
||||
content: '\e70a';
|
||||
}
|
||||
|
||||
.j-icon-arrow-up-fill:before {
|
||||
content: '\e737';
|
||||
}
|
||||
|
||||
.j-icon-arrow-down-fill:before {
|
||||
content: '\e736';
|
||||
}
|
||||
|
||||
.j-icon-arrow-left-fill:before {
|
||||
content: '\e735';
|
||||
}
|
||||
|
||||
.j-icon-arrow-right-fill:before {
|
||||
content: '\e734';
|
||||
}
|
||||
|
||||
.j-icon-user-fill:before {
|
||||
content: '\e71b';
|
||||
}
|
||||
|
||||
.j-icon-success-filling:before {
|
||||
content: '\e713';
|
||||
}
|
||||
|
||||
.j-icon-top-filling:before {
|
||||
content: '\e715';
|
||||
}
|
||||
Reference in New Issue
Block a user