css布局实现投资理财银行类app首页h5效果代码
代码语言:html
所属分类:布局界面
代码描述:css布局实现投资理财银行类app首页h5效果代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>蓝色系金融理财首页</title> <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport" /> <meta content="yes" name="apple-mobile-web-app-capable" /> <meta content="black" name="apple-mobile-web-app-status-bar-style" /> <meta content="telephone=no" name="format-detection" /> <style> *::-webkit-input-placeholder { color: white; } *:-moz-placeholder { /* FF 4-18 */ color: white; } *::-moz-placeholder { /* FF 19+ */ color: white; } *:-ms-input-placeholder { /* IE 10+ */ color: white; } html,body { color: #333; margin: 0; height: 100%; font-family: "Myriad Set Pro","Helvetica Neue",Helvetica,Arial,Verdana,sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: normal; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } a { text-decoration: none; color: #000; } a, label, button, input, select { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } img { width: 100%; height: auto; display: block; border: 0; } body { background: #fff; color: #666; } html, body, div, dl, dt, dd, ol, ul, li, h1, h2, h3, h4, h5, h6, p, blockquote, pre, button, fieldset, form, input, legend, textarea, th, td { margin: 0; padding: 0; } a { text-decoration: none; color: #08acee; } button { outline: 0; } button,input,optgroup,select,textarea { margin: 0; font: inherit; color: inherit; outline: none; } li { list-style: none; } a { color: #666; } .clearfix::after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } .clearfix {} .divHeight { width: 100%; height: 10px; background: #f5f7fc; position: relative; overflow: hidden; } .r-line { position: relative; } .r-line:after { content: ''; position: absolute; z-index: 0; top: 0; right: 0; height: 100%; border-right: 1px solid #D9D9D9; -webkit-transform: scaleX(0.5); transform: scaleX(0.5); -webkit-transform-origin: 100% 0; transform-origin: 100% 0; } .b-line { position: relative; } .b-line:after { content: ''; position: absolute; z-index: 2; bottom: 0; left: 20px; width: 90%; height: 1px; border-bottom: 1px solid #e2e2e2; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); -webkit-transform-origin: 0 100%; transform-origin: 0 100%; } .aui-arrow { position: relative; padding-right: 0.8rem; color: #7f8699; font-size: 0.85rem; } .aui-arrow span { font-size: 0.8rem; color: #9b9b9b; } .aui-arrow:after { content: " "; display: inline-block; height: 6px; width: 6px; border-width: 2px 2px 0 0; border-color: #848484; border-style: solid; -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0); transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0); position: relative; top: -2px; position: absolute; top: 50%; margin-top: -6px; right: 2px; border-radius: 1px; } .aui-flex { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; padding: 15px; position: relative; } .aui-flex-box { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; min-width: 0; font-size: 14px; color: #333; } /* 蹇呰甯冨眬鏍峰紡css */ .aui-flexView { width: 100%; height: 100%; margin: 0 auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .aui-scrollView { width: 100%; height: 100%; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; position: relative; padding-bottom: 13px; } .aui-navBar { height: 44px; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; z-index: 102; background: #035be9; } .aui-navBar-item { height: 44px; min-width: 15%; -webkit-box-flex: 0; -webkit-flex: 0 0 15%; -ms-flex: 0 0 15%; flex: 0 0 15%; padding: 0 0.9rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 0.7rem; white-space: nowrap; overflow: hidden; color: #808080; position: relative; } .aui-navBar-item:first-child { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; margin-right: -25%; font-size: 0.9rem; font-weight: bold; } .aui-navBar-item:last-child { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; font-size: 14px; color: #333333; } .aui-center { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 44px; width: 80%; margin-left: 25%; } .aui-center-title { text-align: center; width: 100%; white-space: nowrap; overflow: hidden; display: block; text-overflow: ellipsis; font-size: 0.95rem; color: #333; font-weight: bold; } .icon { width: 19px; height: 19px; display: block; border: none; float: left; background-size: 19px; background-repeat: no-repeat; } .aui-flex-box h1 { color: #000000; font-weight: 500; font-size: 1.1rem; overflow: hidden; } .aui-flex-box h2 { color: #303741; font-weight: 500; font-size: 1.1rem; margin-bottom: 0.5rem; text-align: center; height: 25px; line-height: 25px; } .aui-flex-box p { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all; text-overflow: ellipsis; color: #8a8a8a; font-size: 0.7rem; margin-bottom: 0.3rem; text-align: center; } .aui-flex-box h3 { font-size: 0.9rem; color: #8a8a8a; font-weight: normal; width: 100%; overflow: hidden; margin-bottom: 0.3rem; } .aui-palace { padding: 0.4rem 0; position: relative; overflow: hidden; background: white; } .aui-palace-grid { position: relative; float: left; padding: 1px; width: 20%; box-sizing: border-box; margin: 10px 0; } .aui-palace-grid-icon { width: 30px; height: 30px; margin: 0 auto; } .aui-palace-grid img { width: 100%; margin: 0 auto; } .aui-palace-grid p { text-align: center; font-size: 12px; color: #919191; } .aui-palace-grid-text { display: block; text-align: center; color: #333; font-size: 0.95rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding-top: 0.3rem; } .aui-palace-grid-text h2 { font-size: 0.85rem; font-weight: normal; color: #666; } .m-slider { overflow-x: hidden; width: 100%; position: relative; } .slider-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; height: 100%; -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); position: relative; z-index: 1; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; } .slider-item { width: 100%; height: 100%; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; background: #f6f6f6; } .slider-item img { width: 100%; height: auto; display: block; border: none; } .slider-pagination { text-align: right; position: absolute; width: 100%; z-index: 2; right: 0; bottom: 10px; pointer-events: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .slider-pagination > .slider-pagination-item { margin: 0 .25rem; width: 8px; height: 8px; display: inline-block; border-radius: 100px; background-color: rgba(255,255,255,0.4); } .slider-pagination > .slider-pagination-item.slider-pagination-item-active { background-color: #fff; } .aui-search-box { background-color: rgba(255,255,255,0.4); border-radius: 100px; position: relative; width: 100%; margin: 0 auto; height: 32px; } .aui-search-box input { width: 90%; background: none; border: none; font-size: 0.85rem; text-align: left; height: 32px; border-radius: 100px; padding: 0.5rem 0 0.55rem 1.8rem; color: #fff; } .icon-search { background-image: url('data:image/png;base64,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'); position: absolute; left: 7px; top: 7px; background-size: 19px; } .aui-tag { background: #ff3b52; border-radius: 100px; width: 13px; height: 13px; color: #fff; line-height: 13px; font-size: 0.65rem; position: absolute; right: 10px; top: 8px; font-style: normal; text-align: center; } .aui-flex-one { padding: 0 10px; } .aui-flex-one .aui-flex-box { padding: 0 5px; } .aui-list-box { padding: 0.1rem 0 0 1rem; overflow: hidden; position: relative; } .aui-list-item { width: 30.333%; float: left; margin: 0 2% 0 0; background: #f5f5f5; display: block; overflow: hidden; border-radius: 5px; } .aui-list-theme-img { height: auto; width: 100%; position: relative; } .aui-list-theme-img img { width: 100%; height: auto; display: block; border: none; } .aui-list-theme-message { padding: 0.5rem 0; text-align: center; } .aui-list-theme-title { color: #222; font-size: 0.9rem; margin: 0.2rem 0; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all; font-weight: normal; text-overflow: ellipsis; font-weight: bold; } .aui-list-theme-message p { color: #8a8a8a; font-size: 0.7rem; margin-bottom: 0.3rem; } .aui-list-theme-message span { font-size: 1.3rem; color: #ff3b52; padding: 0 0.2rem; font-weight: bold; margin-bottom: 5px; display: block; } .aui-list-theme-message span i { font-size: 0.8rem; } .aui-list-theme-message h4 { font-size: 0.7rem; font-weight: normal; color: #333; } .aui-cell-item { padding: 0 15px; display: block; margin-bottom: 20px; } .aui-cell-item .aui-flex { padding: 0.4rem 0; } .aui-cell-item h2 { color: #333; font-size: 0.9rem; overflow: hidden; font-weight: normal; } .aui-cell-item h2 i { float: left; font-style: normal; } .aui-cell-item h2 em { border: 1px solid #4c87ff; color: #4c87ff; font-size: 0.7rem; font-style: normal; font-weight: normal; border-radius: 3px; margin-left: 0.5rem; padding: 0 0.1rem; display: block; float: left; height: 15px; line-height: 15px; margin-top: 2px; } .aui-cell-title h2 { font-size: 1.3rem; color: #ff3b52; padding: 0 0.2rem; font-weight: bold; margin-bottom: 5px; display: block; } .aui-cell-title p { color: #8a8a8a; font-size: 0.7rem; margin-bottom: 0.3rem; } .aui-btn button { background: #75a7ff; border: none; border-radius: 100px; color: #fff; font-size: 0.8rem; padding: 0.35rem 0.8rem; } .aui-cell-lne { width: 100%; height: 5px; border-radius: 100px; background: #ddd; position: relative; } .aui-cell-lne-ac { width: 100%; height: 5px; border-radius: 100px; background: #4c87ff; position: absolute; top: 0; left: 0; } .aui-text-rmb p { color: #8a8a8a; font-size: 0.7rem; } .aui-flex-box em { color: #8a8a8a; font-size: 0.7rem; font-style: normal; text-align: right; width: 100%; display: block; } .aui-footer { width: 100%; position: relative; z-index: 100; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 7px 5px 7px 5px; background: #fefefe; box-shadow: 0 0 1px #a5a5a5; } .aui-tabBar-item { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #979797; position: relative; } .aui-tabBar-item-text { display: inline-block; font-size: 0.65rem; color: #7d7d7d; padding-top: 2px; } .aui-tabBar-item-active .aui-tabBar-item-text { color: #4c87ff; } .icon-return { background-image: url('data:image/png;base64,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'); } .icon-news { background-image: url('data:image/png;base64,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'); } .icon-sy { background-image: url('data:image/png;base64,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'); } .........完整代码请登录后点击上方下载按钮下载查看
网友评论0