From a3072ae35f4301de0adda3b01bf7ef960923ed30 Mon Sep 17 00:00:00 2001 From: "201530126012@qq.com" <22279326bbq> Date: Thu, 10 Jan 2019 02:29:51 +0800 Subject: [PATCH 1/4] Page for User information Blanks --- Front-end/个人信息表单/index.html | 55 ++++ Front-end/个人信息表单/style.css | 336 ++++++++++++++++++++++++ 2 files changed, 391 insertions(+) create mode 100644 Front-end/个人信息表单/index.html create mode 100644 Front-end/个人信息表单/style.css diff --git a/Front-end/个人信息表单/index.html b/Front-end/个人信息表单/index.html new file mode 100644 index 0000000..5f9ef25 --- /dev/null +++ b/Front-end/个人信息表单/index.html @@ -0,0 +1,55 @@ + + + + + 填写信息 + + + + + + + + +
+
+ + + +
+ 填写身份信息 +
+ + + +
+
+
+
+

请填写对应的真实信息！

+
+
+

您的个人信息:

+ + + + +
+
+

请确保填写的信息无误！

+
+
+ +
+
+
+ +
+ + diff --git a/Front-end/个人信息表单/style.css b/Front-end/个人信息表单/style.css new file mode 100644 index 0000000..40f8b51 --- /dev/null +++ b/Front-end/个人信息表单/style.css @@ -0,0 +1,336 @@ +/* + +*/ +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 { + 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-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-top: 0; +} + +.aui-navBar { + height: 44px; + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + z-index: 1002; + background: #fff; + padding-bottom: 20px; +} + +.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.7rem; + white-space: nowrap; + overflow: hidden; + color: #a0a0a0; + 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; +} + +.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%; +} + +.aui-center-title { + text-align: center; + width: 100%; + white-space: nowrap; + overflow: hidden; + display: block; + text-overflow: ellipsis; + font-size: 0.95rem; + color: #333; +} + +.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/NlyAAACh0lEQVRoQ+3ZMW8TMRQH8PcOsTBQISExVCIRCwgWFvZ+hZYBpIrEcTYkBsTGlI2VDamL3YEBpWJoR1BJaOlXYEzyDYp0bMRGRjnJoDuWs/1e3EbKeHf55b33vzsb4YJ98IJ54RKce8XZV1gIcQ8AviDiD2vtC631pzZFYQ2WUt611p4CwM0VcqqU2soSXIN1ztdKqTfZgRuw75RSz9tg3bHsWjomlh04NpYVOAWWDbjf7z8oimLipbH7bUopJdvO7L/Hk8+wwyLiCSLe8H6cww4BwGYFTo0lbWkKLBmYCksCrsNaa99rrZ/FmFnS0GrCdrvd3mg0MqEDqu58yVKaAzZZSwshHgLAsX/rcW2csrJVtaNXeIWdIuL16qJU2OgVrsMCwEGn03mSamaThVYTtizLp+PxeJkioJKFFldslJbmjA0O5o4NCm7AHpZluUM5s1FCSwjxCAA++7ceADiczWaPJ5PJL6qAihJaUspdY8w+Il7xLsASG6SlhRA/EfGa91BxNJ/Pd7hVNtiT1mAwOAeADXdCa637Hi0Wi3zBUsptY8wHRLzqwIh/nlbzbWmna0roLEOrmo11QQd9W1oHdFDwOrR3cLCH/uuFn0uQRQE7dMPKJHl6RwNzRUcF/w9N9VIRHVyhazbLDihWP5KAHbphOzQ5OhmYCzopmAM6OZgaTQL20FMAuOUtHESfaTLwCn3HWnuWEk0KpkCTg1OjWYArtDHmKyJu+jMdeh+KDdghh8NhZ7lcfvPRoXcaWYFToNmBY6NZgj20m+nb3pr3W631yzY7GWzBDtXr9TaLojjz0N+VUvezBXvoPQBw0Fda649Zg9vg6o5l3dKhse58l+AY/yqnc/4GvNDoTFOq8FwAAAAASUVORK5CYII="); +} + +.aui-view-box { + padding: 1rem; +} + +.aui-view-box-item h2 { + font-size: 0.8rem; + color: #484848; + padding: 0.8rem 0; +} + +.aui-view-box-item textarea { + background: #f4f4f4; + border-radius: 5px; + padding: 0.8rem; + border: none; + width: 100%; + font-size: 0.8rem; + resize: none; + height: 10rem; +} + +.aui-view-box-item input { + background: #f4f4f4; + border-radius: 5px; + padding: 0.8rem; + border: none; + width: 100%; + font-size: 0.8rem; + resize: none; + margin-bottom: 0.8rem; +} + +.aui-view-box-item p { + color: #bdbdbd; + font-size: 0.8rem; + padding-bottom: 1rem; +} + +.aui-btn-submit button { + text-align: center; + position: relative; + border: none; + pointer-events: auto; + width: 100%; + display: block; + font-size: 0.8rem; + height: 3rem; + line-height: 3rem; + margin-top: 0.5rem; + border-radius: 50px; + background: #17bd88; + color: #fff; +} + +.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: .104rem 0 .07rem; + background-color: rgba(255, 255, 255, 0.96); +} + +.aui-footer-fixed { + position: fixed; + bottom: 0; + left: 0; + z-index: 49; +} + +.aui-footer p { + -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; +} + +.aui-footer p { + color: #999; + font-size: 0.8rem; + padding-bottom: 15px; +} + +.aui-footer p em { + color: #17bd88; + font-style: normal; +} From cb8fbc3fee99fd9d8bb8a6af3d8185623f2b7596 Mon Sep 17 00:00:00 2001 From: "201530126012@qq.com" <22279326bbq> Date: Thu, 10 Jan 2019 02:34:36 +0800 Subject: [PATCH 2/4] Page for Orders Display --- Front-end/订单列表/index.html | 118 ++++++++ Front-end/订单列表/style.css | 474 ++++++++++++++++++++++++++++++ Front-end/订单列表/vip.png | Bin 0 -> 4445 bytes 3 files changed, 592 insertions(+) create mode 100644 Front-end/订单列表/index.html create mode 100644 Front-end/订单列表/style.css create mode 100644 Front-end/订单列表/vip.png diff --git a/Front-end/订单列表/index.html b/Front-end/订单列表/index.html new file mode 100644 index 0000000..7eb5c22 --- /dev/null +++ b/Front-end/订单列表/index.html @@ -0,0 +1,118 @@ + + + + + 我的订单 + + + + + + + + + + +
+
+ + + +
+ 我的订单 +
+ + 刷新 + +
+
+
+
+
+ +
+
+

用户 XXX

+
+
+
+
+
+ +
+
订单1
+
+
+

1111

+ +
+
+
+ +
+
+
+ + +
+
订单2
+
+
+

2222

+
+
+
+ +
+
+
+ + +
+
订单3
+
+
+

3333

+
+
+
+ +
+
+
+ + +
+
订单4
+
+
+

4444

+
+
+
+ +
+
+
+ + +
+
订单5
+
+
+

55555

+
+
+
+ +
+
+
+ + +
+
+
+ + + diff --git a/Front-end/订单列表/style.css b/Front-end/订单列表/style.css new file mode 100644 index 0000000..b7c3672 --- /dev/null +++ b/Front-end/订单列表/style.css @@ -0,0 +1,474 @@ +/* + +*/ + +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 { + border: 0; +} + +body { + background: #edeff3; + 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 { +} + + +.divHeight { + width: 100%; + height: 10px; + background: #f5f5f5; + 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: 0; + width: 100%; + 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-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; +} + +.aui-navBar { + height: 44px; + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + z-index: 1002; + background-image: -webkit-gradient(linear,left top,right top,from(#39b9ff),to(#3579e4)); + background-image: -webkit-linear-gradient(left,#39b9ff,#3579e4); + background-image: -moz-linear-gradient(left,#39b9ff,#3579e4); + background-image: linear-gradient(to right,#39b9ff,#3579e4); + background-color: #3579e4; +} + + +.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.7rem; + white-space: nowrap; + overflow: hidden; + color: #fff; + 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; +} + +.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%; +} + +.aui-center-title { + text-align: center; + width: 100%; + white-space: nowrap; + overflow: hidden; + display: block; + text-overflow: ellipsis; + font-size: 0.95rem; + color: #fff; +} + +.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/NlyAAACcklEQVRoQ+3bPavWMBjG8f+FiogiCIIfQPEMLi4iHF8XJ6fzAVx1chGcdRZBBCfdxEkHBfGgIL7gmfwGLoKDguDo4HZLIEIox6ZP26RJtGtp2l/vKylpWvGPbSrBa2Z7gbvAEWBT0q1U17U42Mz2AK+B9QB5UtLHFOhFwX/BOuclSY+aAvdgvwFrkn42A+7B/gBOS/qUAuvazB7pHux34FxKbHZwBLsu6XOqyv5pN1uFS8Bmq3Ap2CxgM9sHvOo8Z925XZ/NEuOwmySNtMe+AU50+uYi2KQVLhGbDFwqNgm4ZOzs4NKxs4JrwM4GrgU7C7gm7GRwbdhJ4Bqxo8G1YkeBa8auDO7BfgXO5pjPTp0vD548RLCnJH2ZejE5jh8EbgU7KNItYaNgvyLwdpv5rOuz1cR48AsAM7sB3Oz0rWqxQyr80K0CdMD3JV3JMcCkOEfvoGVmZwAX6R2dk9+WdD3FBaVuMzpKm9kG8KQVdBTs7nhL6EHgAP0Y2FlzvAeDPfoi8Kxm9ErgFtArgwP0U2BXJ973JF1NPdJOaX8U2KMvAC9qQ48GB+jnwO5aKj0J7NHngZe1oCeDa0PPAg7Qm4D7DCncihrIZgN7tPvWyn1zVSx6VnAN6NnBAdqt+rvV/6LinQTs0W7V363+F4VOBi4VnRQcoN1Atr+EeCcHe/Rx4H0J6CzgAO369IElK50N7NHHgA9LorOCS0BnBwfod8DBTrwfSLo8Zb4bO3YRsEevAVvboO9Iuha78LH7FwNH0G3+8xCg3SPrUFC19v55CCNpZkfd7zvAYf8yYUPSr7Gx7Ttu0UinAMXa/A+O3aHa9/8GowEyTObF2IkAAAAASUVORK5CYII='); +} + + +.aui-pri-box{ + width:100%; + height:6rem; + background-image: -webkit-gradient(linear,left top,right top,from(#39b9ff),to(#3579e4)); + background-image: -webkit-linear-gradient(left,#39b9ff,#3579e4); + background-image: -moz-linear-gradient(left,#39b9ff,#3579e4); + background-image: linear-gradient(to right,#39b9ff,#3579e4); + background-color: #3579e4; +} + + +.aui-pri-img{ + width:60px; + height:60px; + overflow:hidden; + margin-right:0.8rem; + border-radius:100%; +} + + +.aui-pri-img img{ + width:60px; + height:60px; + display:block; + border:none; +} + + +.aui-flex-box h2{ + color:#daeffe; + font-weight:normal; + font-size:0.95rem; + margin-bottom:0.3rem; +} + +.aui-flex-box h3{ + color:#daeffe; + font-weight:normal; + font-size:0.95rem; +} + +.aui-flex-box h2 em{ + font-style:normal; + color:#fff; + font-weight:bold; +} + + + +.aui-flex-box h3 em{ + color:#fff; + font-style:normal; + font-weight:bold; + +} + + +.aui-pri-button button{ + background:none; + border:1px solid #fff; + color:#fff; + border-radius:20px; + font-size:0.75rem; + padding:0.2rem 0.8rem; +} + + +.aui-list-box{ + position:relative; + overflow:hidden; + padding:0 15px; +} + + +.aui-list-item{ + margin-top:15px; + display:block; + border-radius:5px; + background:#fff; + position:relative; + overflow:hidden; +} + +.aui-dotted{ + padding:15px; + border-top:1px dashed #d8d9dc; +} + +.aui-dotted h2{ + color:#666666; + font-size:0.85rem; + font-weight:normal; +} + +.aui-dotted h2 em{ + color:#4080e8; + font-style:normal; + font-weight:bold; +} + + +.aui-dotted button{ + background:none; + border:1px solid #fa5d5d; + color:#fa5d5d; + font-size:0.85rem; + margin-top:0.6rem; + padding:0.2rem 0.9rem 0.2rem 0.5rem; + position:relative; +} + + +.aui-dotted button:after{ + content: ''; + width: 0; + height: 0; + border-width: 5px 0px 5px 8px; + border-style: solid; + border-color: transparent transparent transparent #fa5d5d; + position: absolute; + top: 30%; + right: 4px; + border-radius: 1px; +} + +.aui-list-head{ + padding:15px 0 0 15px; + font-size:0.9rem; +} + +.aui-flex-box h4{ + color: #fa5d5d; + font-size:1.5rem; + font-weight:normal; +} + +.aui-flex-box h5{ + font-size:0.85rem; + font-weight:normal; + color:#999999; +} + +.aui-button-get button{ + background-image: -webkit-gradient(linear,left top,right top,from(#ff744a),to(#fc2943)); + background-image: -webkit-linear-gradient(left,#ff744a,#fc2943); + background-image: -moz-linear-gradient(left,#ff744a,#fc2943); + background-image: linear-gradient(to right,#ff744a,#fc2943); + background-color: #fc2943; + color:#fff; + font-size:0.8rem; + border:none; + padding:0.3rem 0.8rem; +} + +.aui-text-time{ + padding-right:2rem; +} + +.aui-text-time p { + font-size:0.85rem; + color:#999999; +} + +.aui-right-top{ + position:absolute; + right:0; + top: 0; + width:50px; + height:50px; +} + +.aui-right-top img{ + width:100%; + height:auto; + display:block; + border:none; +} \ No newline at end of file diff --git a/Front-end/订单列表/vip.png b/Front-end/订单列表/vip.png new file mode 100644 index 0000000000000000000000000000000000000000..c5d62446a9fdc42a8e93f7b3259e9b91a5dde352 GIT binary patch literal 4445 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 literal 0 HcmV?d00001 From 7837268a02ece1d7762a0e684682b66b86a3e8bc Mon Sep 17 00:00:00 2001 From: "201530126012@qq.com" <22279326bbq> Date: Thu, 10 Jan 2019 02:39:23 +0800 Subject: [PATCH 3/4] =?UTF-8?q?Page=20for=20Orders=20Display=EF=BC=8Cversi?= =?UTF-8?q?on=202?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- Front-end/订单情况/dd（done）.html | 142 +++++++++++++++++++++ Front-end/订单情况/dd（undone）.html | 142 +++++++++++++++++++++ 2 files changed, 284 insertions(+) create mode 100644 Front-end/订单情况/dd（done）.html create mode 100644 Front-end/订单情况/dd（undone）.html diff --git a/Front-end/订单情况/dd（done）.html b/Front-end/订单情况/dd（done）.html new file mode 100644 index 0000000..7a21e89 --- /dev/null +++ b/Front-end/订单情况/dd（done）.html @@ -0,0 +1,142 @@ + + + + + +我的订单 + + + + + + + +
+ +

+ 已审核订单 +

+
+ +
+
+
+ +
+
+
+ +
+
+
+ +
+

+ 订单 银行转账 +

+ 123456 + 123456 +
+
+

+ 123456 +

+ 详情 +
+
+
+
+
+ +
+

+ 订单 银行转账 +

+ 123456 + 123456 +
+
+

+ 123456 +

+ 详情 +
+
+
+
+
+ +
+

+ 订单 银行转账 +

+ 123456 + 123456 +
+
+

+ 123456 +

+ 详情 +
+
+
+
+
+ +
+

+ 订单 银行转账 +

+ 123456 + 123456 +
+
+

+ 123456 +

+ 详情 +
+
+
+
+
+ +
+

+ 订单 银行转账 +

+ 123456 + 123456 +
+
+

+ 123456 +

+ 详情 +
+
+
+
+
+ +
+

+ 订单 银行转账 +

+ 123456 + 123456 +
+
+

+ 123456 +

+ 详情 +
+
+
+
+ + \ No newline at end of file diff --git a/Front-end/订单情况/dd（undone）.html b/Front-end/订单情况/dd（undone）.html new file mode 100644 index 0000000..963bcf5 --- /dev/null +++ b/Front-end/订单情况/dd（undone）.html @@ -0,0 +1,142 @@ + + + + + +我的订单 + + + + + + + +
+ +

+ 未审核订单 +

+
+ +
+
+
+ +
+
+
+ +
+
+
+ +
+

+ 订单 银行转账 +

+ 123456 + 123456 +
+
+

+ 123456 +

+ 详情 +
+
+
+
+
+ +
+

+ 订单 银行转账 +

+ 123456 + 123456 +
+
+

+ 123456 +

+ 详情 +
+
+
+
+
+ +
+

+ 订单 银行转账 +

+ 123456 + 123456 +
+
+

+ 123456 +

+ 详情 +
+
+
+
+
+ +
+

+ 订单 银行转账 +

+ 123456 + 123456 +
+
+

+ 123456 +

+ 详情 +
+
+
+
+
+ +
+

+ 订单 银行转账 +

+ 123456 + 123456 +
+
+

+ 123456 +

+ 详情 +
+
+
+
+
+ +
+

+ 订单 银行转账 +

+ 123456 + 123456 +
+
+

+ 123456 +

+ 详情 +
+
+
+
+ + \ No newline at end of file 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 4/4] 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 @@ + + + + + 消息中心 + + + + + + + + + + +
+
+ + + +
+ 消息中心 +
+ + + +
+
+
+ +
+ +
+
+

消息提醒

+

这里是消息内容

+
+ + +
+ +
+
+

客服

+

这里是客服消息

+
+ + +
+ +
+
+

消息提醒

+

这是内容

+
+ + +
+ +
+
+

互动消息

+

XXXXX

+
+ + +
+ +
+
+

通知消息

+

XXXX

+
+ + + + +
+
+
+ + 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); +}