提交
This commit is contained in:
@ -1,6 +0,0 @@
|
||||
{
|
||||
"navigationBarTitleText": "联系客服",
|
||||
"usingComponents": {
|
||||
"u-modal": "/components/uview-ui/components/u-modal/u-modal"
|
||||
}
|
||||
}
|
||||
@ -1 +0,0 @@
|
||||
<view class="contact-offical"><view class="header"></view><view class="content column-center"><view class="content-view column-center bg-white"><image class="content-img _img" src="{{server.image}}"></image><view class="primary wechat-num lg">客服微信</view><view data-event-opts="{{[['tap',[['onCopy',['$0'],['server.wechat']]]]]}}" class="row-center copy-btn xxl white" bindtap="__e">微信扫码添加</view><view class="mt20 normal xs" style="line-height:35px;">{{server.time}}</view></view><view class="xs white" style="margin-top:40px;line-height:49px;">无法添加或疑难问题请联系工作人员</view><view class="row white"><view class="xs" style="line-height:49px;">{{server.phone}}</view><navigator data-event-opts="{{[['tap',[['showTelTips',['$event']]]]]}}" class="ml20 phone-btn xs row-center white _a" bindtap="__e">拨打</navigator><view data-event-opts="{{[['tap',[['onCopy',['$0'],['server.phone']]]]]}}" class="ml20 copy-phone-btn xs row-center" bindtap="__e">复制</view></view></view><u-modal vue-id="3aa921d6-1" content="{{content}}" show-cancel-button="{{true}}" confirm-text="呼叫" confirm-color="{{primaryColor}}" value="{{showPhoneCall}}" data-event-opts="{{[['^confirm',[['onCall']]],['^input',[['__set_model',['','showPhoneCall','$event',[]]]]]]}}" bind:confirm="__e" bind:input="__e" bind:__l="__l"></u-modal></view>
|
||||
@ -1,65 +0,0 @@
|
||||
@charset "UTF-8";
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
.contact-offical {
|
||||
min-height: 100vh;
|
||||
background: linear-gradient(180deg, #355883 0%, #254062 100%);
|
||||
}
|
||||
.contact-offical .header {
|
||||
height: 383px;
|
||||
width: 100%;
|
||||
}
|
||||
.contact-offical .content .content-view {
|
||||
border: 5px solid #254062;
|
||||
width: 310px;
|
||||
border-radius: 10px;
|
||||
margin-top: -350px;
|
||||
}
|
||||
.contact-offical .content .content-view .content-img {
|
||||
margin-top: 20px;
|
||||
height: 192px;
|
||||
width: 192px;
|
||||
}
|
||||
.contact-offical .content .content-view .wechat-num {
|
||||
line-height: 45px;
|
||||
}
|
||||
.contact-offical .content .content-view .copy-btn {
|
||||
background: linear-gradient(180deg, #355883 0%, #254062 100%);
|
||||
width: 230px;
|
||||
height: 50px;
|
||||
border-radius: 50px;
|
||||
line-height: 49px;
|
||||
margin-top: 30px;
|
||||
}
|
||||
.contact-offical .content .content-view .contact-btn {
|
||||
width: 300rpx;
|
||||
height: 60rpx;
|
||||
margin-bottom: 20rpx;
|
||||
}
|
||||
.contact-offical .content .phone-btn {
|
||||
background: linear-gradient(180deg, #355883 0%, #254062 100%);
|
||||
height: 24px;
|
||||
width: 60px;
|
||||
line-height: 33px;
|
||||
border-radius: 50px;
|
||||
}
|
||||
.contact-offical .content .copy-phone-btn {
|
||||
background-color: rgba(255, 255, 255, 0.5);
|
||||
height: 24px;
|
||||
width: 60px;
|
||||
line-height: 33px;
|
||||
border-radius: 50px;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user