|
|
@@ -256,7 +256,7 @@
|
|
|
z-index: 1;
|
|
|
position: relative;
|
|
|
}
|
|
|
- .seek-purchase .seek-purchase-content >table tbody tr.default-row td.operate div {
|
|
|
+ .seek-purchase .seek-purchase-content >table tbody tr.default-row td.operate > div {
|
|
|
width: 64px;
|
|
|
height: 24px;
|
|
|
line-height: 24px;
|
|
|
@@ -267,10 +267,90 @@
|
|
|
cursor: pointer;
|
|
|
border-radius: 2px;
|
|
|
}
|
|
|
- .seek-purchase .seek-purchase-content >table tbody tr.default-row td.operate span {
|
|
|
+ .seek-purchase .seek-purchase-content >table tbody tr.default-row td.operate .is-say-price {
|
|
|
margin: 17px 0 0 0;
|
|
|
color: #39ae05;
|
|
|
+ background: transparent;
|
|
|
+ width: 100%;
|
|
|
+ }
|
|
|
+ .seek-purchase .seek-purchase-content >table tbody tr.default-row td.operate .is-say-price .say-price-history {
|
|
|
+ position: absolute;
|
|
|
+ top: 64px;
|
|
|
+ right: 11px;
|
|
|
+ line-height: normal;
|
|
|
+ width: 198px;
|
|
|
+ height: 0;
|
|
|
+ background: #fff;
|
|
|
+ border: 1px solid #fab89a;
|
|
|
+ z-index: 2;
|
|
|
+ overflow: hidden;
|
|
|
+ transition: height 1s;
|
|
|
+ -moz-transition: height 1s; /* Firefox 4 */
|
|
|
+ -webkit-transition: height 1s; /* Safari 和 Chrome */
|
|
|
+ -o-transition: height 1s; /* Opera */
|
|
|
+ opacity: 0;
|
|
|
+ }
|
|
|
+ .seek-purchase .seek-purchase-content >table tbody tr.default-row td.operate .is-say-price .say-price-history p {
|
|
|
+ color: #020202;
|
|
|
+ font-weight: bold;
|
|
|
+ margin: 0;
|
|
|
+ }
|
|
|
+ .seek-purchase .seek-purchase-content >table tbody tr.default-row td.operate .is-say-price .say-price-history p.price-title {
|
|
|
+ background: #fee6db;
|
|
|
+ height: 28px;
|
|
|
+ line-height: 28px;
|
|
|
+ }
|
|
|
+ .seek-purchase .seek-purchase-content >table tbody tr.default-row td.operate .is-say-price .say-price-history p.price-level {
|
|
|
+ margin: 6px 0;
|
|
|
+ text-align: left;
|
|
|
+ }
|
|
|
+ .seek-purchase .seek-purchase-content >table tbody tr.default-row td.operate .is-say-price .say-price-history > div {
|
|
|
+ padding: 9px 12px;
|
|
|
+ }
|
|
|
+ .seek-purchase .seek-purchase-content >table tbody tr.default-row td.operate .is-say-price .say-price-history > div > div {
|
|
|
+ display: inline-block;
|
|
|
+ text-align: left;
|
|
|
+ }
|
|
|
+ .seek-purchase .seek-purchase-content >table tbody tr.default-row td.operate .is-say-price .say-price-history > div > div:nth-child(1) {
|
|
|
+ float: left;
|
|
|
+ }
|
|
|
+ .seek-purchase .seek-purchase-content >table tbody tr.default-row td.operate .is-say-price .say-price-history > div > div:nth-child(2) {
|
|
|
+ margin-left: 32px;
|
|
|
+ }
|
|
|
+ .seek-purchase .seek-purchase-content >table tbody tr.default-row td.operate .is-say-price .say-price-history > div > div span {
|
|
|
+ color: #020202;
|
|
|
+ margin: 0;
|
|
|
+ }
|
|
|
+ .seek-purchase .seek-purchase-content >table tbody tr.default-row td.operate .is-say-price .say-price-history > div > div span.red-text {
|
|
|
+ color: #f62d37;
|
|
|
+ }
|
|
|
+ .seek-purchase .seek-purchase-content >table tbody tr.default-row td.operate .is-say-price .say-price-history > div > div.pre-line {
|
|
|
display: block;
|
|
|
+ padding: 13px 0;
|
|
|
+ border-bottom: 1px dashed #fee6db;
|
|
|
+ }
|
|
|
+ .seek-purchase .seek-purchase-content >table tbody tr.default-row td.operate .is-say-price .say-price-history > div ul li {
|
|
|
+ color: #333;
|
|
|
+ height: 22px;
|
|
|
+ line-height: 22px;
|
|
|
+ padding: 0 6px;
|
|
|
+ }
|
|
|
+ .seek-purchase .seek-purchase-content >table tbody tr.default-row td.operate .is-say-price .say-price-history > div ul li:nth-child(odd) {
|
|
|
+ background: #f6f5f4;
|
|
|
+ }
|
|
|
+ .seek-purchase .seek-purchase-content >table tbody tr.default-row td.operate .is-say-price .say-price-history > div ul li span {
|
|
|
+ color: #333;
|
|
|
+ display: inline-block;
|
|
|
+ text-align: left;
|
|
|
+ width: 50%;
|
|
|
+ margin: 0;
|
|
|
+ }
|
|
|
+ .seek-purchase .seek-purchase-content >table tbody tr.default-row td.operate .is-say-price .say-price-history > div ul li:last-child span {
|
|
|
+ color: #4290f7;
|
|
|
+ }
|
|
|
+ .seek-purchase .seek-purchase-content >table tbody tr.default-row td.operate .is-say-price:hover .say-price-history {
|
|
|
+ opacity: 1;
|
|
|
+ height: 210px;
|
|
|
}
|
|
|
.seek-purchase .seek-purchase-content >table tbody tr.default-row td.operate >img {
|
|
|
position: absolute;
|
|
|
@@ -577,7 +657,37 @@
|
|
|
<td class="left-time" ng-if="seek.remainingTime == null"><span style="color: red;">-</span></td>
|
|
|
<td class="operate" ng-switch="seek.agreed">
|
|
|
<a ng-click="setLinkBoxIndex($index)">联系买家 <img src="static/img/seekPurchase/link-buyer.png" alt=""></a>
|
|
|
- <span ng-if="seek.agreed != 1">已报价 <img src="static/img/seekPurchase/check.png" alt=""></span>
|
|
|
+ <div class="is-say-price" ng-if="seek.agreed != 1">已报价 <img src="static/img/seekPurchase/check.png" alt="">
|
|
|
+ <div class="say-price-history">
|
|
|
+ <p class="price-title">历史报价</p>
|
|
|
+ <div>
|
|
|
+ <div>
|
|
|
+ <span>交期:</span><span class="red-text">6 天</span>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <span>附件:</span><a href="">下载</a>
|
|
|
+ </div>
|
|
|
+ <div class="pre-line">
|
|
|
+ <span>规格:</span>2016-05-21
|
|
|
+ </div>
|
|
|
+ <p class="price-level">价格梯度</p>
|
|
|
+ <ul>
|
|
|
+ <li>
|
|
|
+ <span>1333+</span>
|
|
|
+ <span>$123123</span>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <span>1333+</span>
|
|
|
+ <span>$123123</span>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <span>1333+</span>
|
|
|
+ <span>$123123</span>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
<img ng-if="seek.agreed == 1" src="static/img/seekPurchase/recieved.png" alt="">
|
|
|
</td>
|
|
|
</tr>
|