|
|
@@ -161,6 +161,67 @@
|
|
|
.first-rate .rate-item .check-act .rate-radio-label.active {
|
|
|
background-position: -12px 3px;
|
|
|
}
|
|
|
+ .seller-contact .contact-title {
|
|
|
+ height: 26px;
|
|
|
+ background-color: #5078cb;
|
|
|
+ text-align: right;
|
|
|
+ padding-right: 15px;
|
|
|
+ line-height: 26px;
|
|
|
+ color: white;
|
|
|
+ }
|
|
|
+
|
|
|
+ .seller-contact .contact-title a, .seller-contact .contact-title a:hover {
|
|
|
+ color: white;
|
|
|
+ }
|
|
|
+
|
|
|
+ .seller-contact .contact-seller-info {
|
|
|
+ margin-left: 24px;
|
|
|
+ margin-right: 24px;
|
|
|
+ background-color: #5078cb;
|
|
|
+ color: #ffffff;
|
|
|
+ margin-top: 15px;
|
|
|
+ margin-bottom: 12px;
|
|
|
+ border-radius: 4px;
|
|
|
+ font-family: "Microsoft Yahei", "微软雅黑";
|
|
|
+ height: 150px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .seller-contact .contact-seller-info div {
|
|
|
+ text-align: left;
|
|
|
+ font-size: 14px;
|
|
|
+ padding-left: 15px;
|
|
|
+ padding-right: 15px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .seller-contact .contact-seller-info .company-name {
|
|
|
+ text-align: center;
|
|
|
+ font-size: 18px;
|
|
|
+ padding-top: 15px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .seller-contact .send-message {
|
|
|
+ width: 553px;
|
|
|
+ height: 258px;
|
|
|
+ background-color: #F7F7F6;
|
|
|
+ padding-left: 13px;
|
|
|
+ padding-top: 15px;
|
|
|
+ border-radius: 4px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .seller-contact-info {
|
|
|
+ position: absolute;
|
|
|
+ z-index: 2;
|
|
|
+ height: 210px;
|
|
|
+ <!-- 506 --> border: 1px solid #E7E5E2;
|
|
|
+ opacity: 1;
|
|
|
+ background-color: white;
|
|
|
+ width: 600px;
|
|
|
+ top: 40px;
|
|
|
+ left: -130px;
|
|
|
+ border: 1px solid #E7E5E2;
|
|
|
+ -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
|
|
|
+ box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
|
|
|
+ }
|
|
|
|
|
|
</style>
|
|
|
|
|
|
@@ -174,7 +235,24 @@
|
|
|
</span>
|
|
|
<span style="position: relative; width: 10%; margin-left: 50px;">
|
|
|
<img src="static/img/common/songguo.png"/>
|
|
|
- <a href="javascript:void(0)" class="contact_btn">联系卖家</a>
|
|
|
+ <a href="javascript:void(0)" class="contact_btn" ng-click="cont = !cont">联系卖家</a>
|
|
|
+ <div class="seller-contact" ng-if="cont" ng-class="{true : 'seller-contact-info', false : 'display-none'}[cont]">
|
|
|
+ <div class="contact-title">
|
|
|
+ <a ng-click="setContFalse()"><i class="fa fa-close fa-lg" aria-hidden="true"></i></a>
|
|
|
+ </div>
|
|
|
+ <div class="contact-seller-info">
|
|
|
+ <div class="company-name" ng-bind="::order.sellername"></div>
|
|
|
+ <div>
|
|
|
+ <em>手机：<em ng-bind="::order.sellPhone || '暂无联系电话'"></em></em>
|
|
|
+ <em style="margin-left: 60px;">邮箱：<em ng-bind="::order.sellEmail || '暂无电子邮箱'"></em></em>
|
|
|
+ </div>
|
|
|
+ <div>地址：<em ng-bind="order.sellCompanyAddress || order.sellCompanyArea || '暂无地址信息'"></em></div>
|
|
|
+ </div>
|
|
|
+ <div style="display: none;">
|
|
|
+ <textarea class="send-message" placeholder="给卖家发送站内消息"></textarea>
|
|
|
+ </div>
|
|
|
+ <div style="display: none;" class="send-button"><a class="send">发送</a></div>
|
|
|
+ </div>
|
|
|
</span>
|
|
|
<span style="float: right;margin-right: 46px; font-size: 12px;">其他买家需要你的建议喔</span>
|
|
|
</div>
|
wangdy