@font-face { font-family: 'iconfont'; /* project id 777313 */ src: url('//at.alicdn.com/t/font_777313_jq7td4d3uab.eot'); src: url('//at.alicdn.com/t/font_777313_jq7td4d3uab.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_777313_jq7td4d3uab.woff') format('woff'), url('//at.alicdn.com/t/font_777313_jq7td4d3uab.ttf') format('truetype'), url('//at.alicdn.com/t/font_777313_jq7td4d3uab.svg#iconfont') format('svg'); } .iconfont { font-family: "iconfont" !important; font-size: 36rpx; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2rpx; -moz-osx-font-smoothing: grayscale; } /* 定位 */ .icon-dingweib:before { content: "\e652"; } /* 三角 */ .icon-choose:before { content: "\e601"; } /* 右箭头 */ .icon-right:before { content: "\e612"; } /* 边框 */ .app-border-top, .app-border-bottom { position: relative; width: 100%; } .app-border-top::after, .app-border-bottom::after { content: ''; position: absolute; background-color: #ddd; display: block !important; z-index: 1; top: auto; right: auto; width: 100%; height: 1rpx; transform-origin: 50% 100%; transform: scaleY(0.5); } .app-border-top:last-child:after, .app-border-bottom:last-child::after { display: none !important; } .app-border-top::after { top: 0; } .app-border-bottom::after { bottom: 0; } .app-border-left, .app-border-right { position: relative; height: 100%; } .app-border-left::before, .app-border-right::before { content: ''; position: absolute; background-color: #ddd; display: block; z-index: 1; top: 0; bottom: 0; height: 100%; width: 1rpx; transform-origin: 50% 100%; transform: scaleX(0.5); } .app-border-left::before { left: 0; } .app-border-right::before { right: 0; } view{ font-family: PingFangSC-Semibold; } page{ width: 100%; height: 100%; }