Commit 74dd2314 authored by 李晓兵's avatar 李晓兵

'样式'

parent 8255f21b
Pipeline #2952 canceled with stages
...@@ -172,6 +172,7 @@ export default { ...@@ -172,6 +172,7 @@ export default {
<style lang='less' > <style lang='less' >
#contract-record { #contract-record {
.top-head { .top-head {
position: relative;
width: 100%; width: 100%;
height: 142px; height: 142px;
background: url("../../../assets/payment/back1.png"); background: url("../../../assets/payment/back1.png");
...@@ -202,10 +203,13 @@ export default { ...@@ -202,10 +203,13 @@ export default {
} }
.pay-content { .pay-content {
position: absolute;
bottom: 150px;
width: 100%; width: 100%;
margin-top:-60px; //margin-top:-60px;
height: 370px; height: 370px;
overflow: scroll; overflow: scroll;
//background-color: #FFF;
.contract-item { .contract-item {
width: 95%; width: 95%;
background-color: #fff; background-color: #fff;
......
<template> <template>
<h-view id="pay-entry" class="public-style"> <h-view id="pay-entry-margin" class="public-style">
<transition name="trans"> <transition name="trans">
<div v-show="downNum" class="modal-show"> <div v-show="downNum" class="modal-show">
<div class="down"> <div class="down">
...@@ -235,7 +235,7 @@ export default { ...@@ -235,7 +235,7 @@ export default {
} }
</script> </script>
<style lang='less' > <style lang='less' >
#pay-entry { #pay-entry-margin {
.trans-enter-active, .trans-enter-active,
.trans-leave-active { .trans-leave-active {
transition: opacity 0.5s; transition: opacity 0.5s;
......
...@@ -19,8 +19,8 @@ ...@@ -19,8 +19,8 @@
</div> </div>
</div> </div>
<div class="search"> <div class="search">
<img src="@/assets/payment/search.png" alt >
<input type="text" placeholder="请输入合同号/车架号/承租人名称" > <input type="text" placeholder="请输入合同号/车架号/承租人名称" >
<img src="@/assets/payment/search.png" alt >
</div> </div>
<section class="pay-content"> <section class="pay-content">
<section v-for="(item,index) in info" :key="index" class="contract-item"> <section v-for="(item,index) in info" :key="index" class="contract-item">
...@@ -229,7 +229,7 @@ export default { ...@@ -229,7 +229,7 @@ export default {
align-items: center; align-items: center;
} }
.top-head { .top-head {
position: fixed; position: relative;
width: 100%; width: 100%;
height: 92px; height: 92px;
background: url("../../../assets/payment/back1.png"); background: url("../../../assets/payment/back1.png");
...@@ -259,22 +259,34 @@ export default { ...@@ -259,22 +259,34 @@ export default {
.search { .search {
width: 351px; width: 351px;
margin: 0 auto; margin: 0 auto;
height: 44px;
position: relative;
z-index: 100;
display: flex;
align-items: center;
justify-content: space-around;
background: #fff;
border-radius: 0.08rem;
top: -23px;
img { img {
position: absolute; //position: absolute;
width: 16px; width: 16px;
bottom: 28px; height: 16px;
right: 31px; // bottom: 28px;
top: 83px; // right: 31px;
z-index: 999; // top: 83px;
// z-index: 999;
} }
input { input {
position: absolute; //position: absolute;
top: 69px; //top: 69px;
width: 351px; // width: 351px;
height: 44px; width: 84%;
border-radius: 4px; height: 94%;
// height: 44px;
// border-radius: 4px;
padding-left: 12px; padding-left: 12px;
box-shadow: 0 1px 3px 2px rgba(168, 168, 168, 0.14); // box-shadow: 0 1px 3px 2px rgba(168, 168, 168, 0.14);
} }
input::placeholder { input::placeholder {
...@@ -286,8 +298,8 @@ export default { ...@@ -286,8 +298,8 @@ export default {
} }
.pay-content { .pay-content {
width: 100%; width: 100%;
position: relative; position: absolute;
margin-top: 32%; bottom: 150px;
height: 54%; height: 54%;
overflow: scroll; overflow: scroll;
.contract-item { .contract-item {
......
<!DOCTYPE html><html><head><meta charset=utf-8><meta name=viewport content="initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no,width=device-width,viewport-fit=cover"><meta name=format-detection content="telephone=no"><meta name=format-detection content="email=no"><meta name=apple-mobile-web-app-capable content=yes><meta name=apple-mobile-web-app-status-bar-style content=black><script type=text/javascript src=./static/vuePlatform.js></script><script type=text/javascript src=./static/prototype.js></script><script type=text/javascript src=cordova.js></script><script type=text/javascript src="http://api.map.baidu.com/api?v=2.0&ak=CyOWd7pmPurvZ0PERgxEOlAlifG0y7Sp"></script><title>xcmg</title><link href=./static/css/app.e98353bdaa2e9a17f3294a901de26692.css rel=stylesheet></head><body><div id=app-box></div><script type=text/javascript src=./static/js/manifest.3ad1d5771e9b13dbdad2.js></script><script type=text/javascript src=./static/js/vendor.e547499500fbe65e7169.js></script><script type=text/javascript src=./static/js/app.6f0329b8e167e3a3d3c7.js></script></body></html> <!DOCTYPE html><html><head><meta charset=utf-8><meta name=viewport content="initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no,width=device-width,viewport-fit=cover"><meta name=format-detection content="telephone=no"><meta name=format-detection content="email=no"><meta name=apple-mobile-web-app-capable content=yes><meta name=apple-mobile-web-app-status-bar-style content=black><script type=text/javascript src=./static/vuePlatform.js></script><script type=text/javascript src=./static/prototype.js></script><script type=text/javascript src=cordova.js></script><script type=text/javascript src="http://api.map.baidu.com/api?v=2.0&ak=CyOWd7pmPurvZ0PERgxEOlAlifG0y7Sp"></script><title>徐工融租</title><link href=./static/css/app.8f0a8a0d6ef283f3106145ffb247b191.css rel=stylesheet></head><body><div id=app-box></div><script type=text/javascript src=./static/js/manifest.3ad1d5771e9b13dbdad2.js></script><script type=text/javascript src=./static/js/vendor.e547499500fbe65e7169.js></script><script type=text/javascript src=./static/js/app.f95b4cd0438a2bcd59ee.js></script></body></html>
\ No newline at end of file \ No newline at end of file
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment