From 41a1d2357b158aa5945afd8780dbc852a01314a0 Mon Sep 17 00:00:00 2001 From: "201530126012@qq.com" <22279326bbq> Date: Thu, 10 Jan 2019 02:46:49 +0800 Subject: [PATCH] Page for Messages Display --- Front-end/消息列表/icon-item002.png | Bin 0 -> 4897 bytes Front-end/消息列表/icon-item004.png | Bin 0 -> 3783 bytes Front-end/消息列表/icon-item005.png | Bin 0 -> 4143 bytes Front-end/消息列表/index.html | 82 +++++++ Front-end/消息列表/style.css | 297 ++++++++++++++++++++++++ 5 files changed, 379 insertions(+) create mode 100644 Front-end/消息列表/icon-item002.png create mode 100644 Front-end/消息列表/icon-item004.png create mode 100644 Front-end/消息列表/icon-item005.png create mode 100644 Front-end/消息列表/index.html create mode 100644 Front-end/消息列表/style.css diff --git a/Front-end/消息列表/icon-item002.png b/Front-end/消息列表/icon-item002.png new file mode 100644 index 0000000000000000000000000000000000000000..8dedbbdf9cb29dc6600ad27d9964bf9c67b221b7 GIT binary patch literal 4897 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 A+5i9m literal 0 HcmV?d00001 diff --git a/Front-end/消息列表/index.html b/Front-end/消息列表/index.html new file mode 100644 index 0000000..eacc0db --- /dev/null +++ b/Front-end/消息列表/index.html @@ -0,0 +1,82 @@ + + + + + 消息中心 + + + + + + + + + + +
+
+ + + +
+ 消息中心 +
+ + + +
+
+ +
+
+ + diff --git a/Front-end/消息列表/style.css b/Front-end/消息列表/style.css new file mode 100644 index 0000000..79cb71e --- /dev/null +++ b/Front-end/消息列表/style.css @@ -0,0 +1,297 @@ +/* 公共样式表css */ +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, label, button, input, select { + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} + +a { + text-decoration: none; + color: #000; +} + +img { + 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; +} + +img { + border: 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 { +} + +/* 必要布局样式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-navBar { + height: 44px; + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + background-color: rgba(255, 255, 255, 0.98); +} + +.aui-navBar:after { + content: ''; + position: absolute; + z-index: 2; + bottom: 0; + left: 0; + width: 100%; + height: 1px; + border-bottom: 1px solid #B2B2B2; + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); + -webkit-transform-origin: 0 100%; + transform-origin: 0 100%; +} + +.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; + margin-bottom: -1px; +} + +.aui-navBar-item { + height: 44px; + min-width: 25%; + -webkit-box-flex: 0; + -webkit-flex: 0 0 25%; + -ms-flex: 0 0 25%; + flex: 0 0 25%; + 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.3rem; + white-space: nowrap; + overflow: hidden; + color: #5C5C5C; +} + +.aui-navBar-item:first-child { + -webkit-box-ordinal-group: 2; + -webkit-order: 1; + -ms-flex-order: 1; + order: 1; + margin-right: -25%; +} + +.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; +} + +.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: 50%; + margin-left: 25%; +} + +.icon { + width: 20px; + height: 20px; + display: block; + border: none; + float: left; + background-size: 20px; + background-repeat: no-repeat; +} + +.icon-return { + background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAACf0lEQVRoQ93bwYrUQBAA0Kokw+BNhMEVggruZRkIMfmB+YXFw85FQf0Ff8Nv0IvoQVDxA2RZQS/dk4X5AA8e1pOeB6ZLeplAwBkn6aS7q6dPgaSSflQnFBUagfnI8/xmHMcfAGBGRD+UUqdVVVWm00bTQBdxG+wXAMjr523QD6uq+mMyB7bgbdgG+qmU8vXBgP+H3SBPhRAfDwK8D0tE51LKmQlWx7Ba0i2wl0qpmen7ywrsAssG7ArLAuwS6x3sGusV7APrDewL6wXsE+sc7BvrFMwB6wzMBesEzAlrHcwNaxXMEWsNzBVrBcwZOziYO3ZQcAjYwcChYAcBh4TtDQ4N2wscItYYrLFRFF0i4t1t7VIi6t1dNG3D7oszatOWZXkFALcbfwKuDxEROGONMpxl2TxJkrca1xxEdI0lol59430Z6nu+c4aLojhDxHc7HvxJCPEIANZ9J2YrvjM4TdMbk8nkZxRFt3ZM6r0QYs4V3RmskdPp9Gg8HktEvBMa2gjcQF8g4nFIaGNwqOhe4BDRvcEd0GcAoGx9fdvedxBwGzQRvZFSPvGNHgzcQH9HxHs7Sk7v6EHBGpllWZokyVeu6MHB3NFWwJzR1sBc0VbBHNHWwdzQTsAd0I8BgNoWESbXOQO3RL+SUj63iXYKrtGj0egbAKQ7ihOraOdgjczz/H4cxxc+0F7APtHewL7QXsE+0N7BrtEswC7RbMAd0M9MCo46hhW4DRoAXgohXpii2YEbaF2cHG2DrddrvY3HaO8SS7BGFkVxjIi6OPkHTUSHtY2nzuo2NBH9Xq1WJ8vl8pfJsmab4RpTluUDIvqMiCcAcKWUmi8Wi3MTrI75C5IXV1vJTA+EAAAAAElFTkSuQmCC'); +} + +.icon-member { + background-image: url('data:image/png;base64,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'); +} + +.aui-center-title { + text-align: center; + width: 100%; + white-space: nowrap; + overflow: hidden; + display: block; + text-overflow: ellipsis; + font-size: 0.9rem; + color: #232326; +} + +.aui-layout-item { + display: -webkit-box; + display: -webkit-flex; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + align-items: center; + padding: 15px; + position: relative; + color: #000000; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} + +.aui-layout-item-img { + margin-right: .8em; + width: 45px; + height: 45px; + line-height: 45px; + text-align: center; +} + +.aui-layout-item-img img { + width: 45px; + height: 45px; + vertical-align: top; +} + +.aui-layout-item-text p { + color: #808080; + font-size: 13px; + line-height: 1.2; + overflow: hidden; + text-overflow: ellipsis; + display: -webkit-box; + -webkit-box-orient: vertical; + -webkit-line-clamp: 1; +} + +.aui-layout-item-text { + -webkit-box-flex: 1; + -webkit-flex: 1; + flex: 1; + min-width: 0; +} + +.aui-layout-item-text h4 { + color: #333; + font-size: 1rem; + margin-bottom: 5px; + font-weight: normal; +} + +.aui-layout-item-text p { + color: #999999; + font-size: 0.8rem; +} + +.aui-layout-item:after { + content: " "; + position: absolute; + left: 20px; + bottom: 0; + right: 0; + height: 1px; + border-bottom: 1px solid #E5E5E5; + color: #E5E5E5; + -webkit-transform-origin: 0 100%; + transform-origin: 0 100%; + -webkit-transform: scaleY(0.5); + transform: scaleY(0.5); +}