569 lines
13 KiB
Vue
569 lines
13 KiB
Vue
|
<template>
|
|||
|
|
<view class="content_">
|
|||
|
|
<view class="topt_">
|
|||
|
|
<view class="db_">
|
|||
|
|
<view class="ds_">
|
|||
|
|
<view class="user_img">
|
|||
|
|
<image src="/static/icons/avatar.png" mode=""></image>
|
|||
|
|
<view class="img_bo">蓝安汽修</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="">
|
|||
|
|
<view class="user_name">思利利</view>
|
|||
|
|
<view class="user_gly">维修业务管理员</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="top_time">
|
|||
|
|
<view class="time_left">2015年08月12日</view>
|
|||
|
|
<view class="time_right">星期二</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="jg_">
|
|||
|
|
<view class="jg_box">
|
|||
|
|
<image src="/static/icons/order-icon3.png" mode=""></image>
|
|||
|
|
<view class="">内部管理</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="jg_box">
|
|||
|
|
<image src="/static/icons/order-icon3.png" mode=""></image>
|
|||
|
|
<view class="">业务管理</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="jg_box">
|
|||
|
|
<image src="/static/icons/order-icon3.png" mode=""></image>
|
|||
|
|
<view class="">数据统计</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="jg_box">
|
|||
|
|
<image src="/static/icons/order-icon3.png" mode=""></image>
|
|||
|
|
<view class="">消息通知</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="bo_">
|
|||
|
|
<view class="db_">
|
|||
|
|
<view class="jg_left">
|
|||
|
|
<view class="ds_">
|
|||
|
|
<image src="/pages-home/static/waitingReceiveNum.png" mode=""></image>
|
|||
|
|
<view class="">待审批工单</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="">26</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="jg_right">
|
|||
|
|
<view class="ds_">
|
|||
|
|
<image src="/pages-home/static/waitingReceiveNum.png" mode=""></image>
|
|||
|
|
<view class="">待办工单</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="">26</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="db_">
|
|||
|
|
<view class="three1">
|
|||
|
|
<view class="">
|
|||
|
|
<view class="t_size">进厂数</view>
|
|||
|
|
<view class="t_num">123</view>
|
|||
|
|
</view>
|
|||
|
|
<image src="/pages-home/static/waitingReceiveNum.png" mode=""></image>
|
|||
|
|
</view>
|
|||
|
|
<view class="three2">
|
|||
|
|
<view class="">
|
|||
|
|
<view class="t_size">维修中</view>
|
|||
|
|
<view class="t_num">123</view>
|
|||
|
|
</view>
|
|||
|
|
<image src="/pages-home/static/waitingReceiveNum.png" mode=""></image>
|
|||
|
|
</view>
|
|||
|
|
<view class="three3">
|
|||
|
|
<view class="">
|
|||
|
|
<view class="t_size">已竣工</view>
|
|||
|
|
<view class="t_num">123</view>
|
|||
|
|
</view>
|
|||
|
|
<image src="/pages-home/static/waitingReceiveNum.png" mode=""></image>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="db_c">
|
|||
|
|
<view class="ds_">
|
|||
|
|
<view class="gang_"></view>
|
|||
|
|
<view class="title_">工单列表</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="ds_h">查看全部</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="c_box">
|
|||
|
|
<view class="db_">
|
|||
|
|
<view class="">
|
|||
|
|
<view class="size1">川EPY528</view>
|
|||
|
|
<view class="size2">东风</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="">
|
|||
|
|
<view class="size3">维修保养</view>
|
|||
|
|
<view class="size4">进厂报修项目</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="cont_title">
|
|||
|
|
<view class="c_t_title">所有维修项目</view>
|
|||
|
|
<view class="c_t_size">轿车二级维护、发动机维修、空调系统检修</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="end_">
|
|||
|
|
<view class="r_buttom">作废</view>
|
|||
|
|
<view class="l_buttom">展开</view>
|
|||
|
|
<view class="l_buttom">查看详情</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
import {getToken,getUserInfo} from "@/utils/auth";
|
|||
|
|
import request from '@/utils/request';
|
|||
|
|
let innerAudioContext ='';
|
|||
|
|
const keepAlivePlugin = uni.requireNativePlugin('Ba-KeepAlive')
|
|||
|
|
export default {
|
|||
|
|
data() {
|
|||
|
|
return {
|
|||
|
|
// 是否正在播放
|
|||
|
|
ifPlay:false,
|
|||
|
|
keepLive: {
|
|||
|
|
channelId: 'Ba-KeepAlive',
|
|||
|
|
channelName: "Ba-KeepAlive",
|
|||
|
|
title: "汽修小助手正在运行",
|
|||
|
|
content: "汽修小助手正在运行",
|
|||
|
|
dataResult: "",
|
|||
|
|
type: undefined
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
onLoad() {
|
|||
|
|
// #ifdef APP
|
|||
|
|
//保活技术
|
|||
|
|
this.register()
|
|||
|
|
// #endif
|
|||
|
|
if (getToken()) {
|
|||
|
|
this.getNoReadNum()
|
|||
|
|
//跳转首页
|
|||
|
|
//判断是否是仓管，仓管需要跳单独的首页
|
|||
|
|
let userInfo = getUserInfo()
|
|||
|
|
if (userInfo.roleCodes.includes('repair_warehouse')) {
|
|||
|
|
//仓管
|
|||
|
|
uni.navigateTo({
|
|||
|
|
url: '/pages-warehouse/home/home'
|
|||
|
|
})
|
|||
|
|
} else {
|
|||
|
|
uni.navigateTo({
|
|||
|
|
url: '/pages-home/home/home'
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
uni.navigateTo({
|
|||
|
|
url: '/pages/login/login'
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
onShow(){
|
|||
|
|
if (getToken()) {
|
|||
|
|
//判断是否是仓管，仓管需要跳单独的首页
|
|||
|
|
let userInfo = getUserInfo()
|
|||
|
|
if (userInfo.roleCodes.includes('repair_warehouse')) {
|
|||
|
|
//仓管
|
|||
|
|
uni.navigateTo({
|
|||
|
|
url: '/pages-warehouse/home/home'
|
|||
|
|
})
|
|||
|
|
} else {
|
|||
|
|
uni.navigateTo({
|
|||
|
|
url: '/pages-home/home/home'
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
uni.navigateTo({
|
|||
|
|
url: '/pages/login/login'
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
methods: {
|
|||
|
|
register() { //注册
|
|||
|
|
console.log(keepAlivePlugin, 'keepAlive');
|
|||
|
|
keepAlivePlugin.register({
|
|||
|
|
channelId: this.keepLive.channelId,
|
|||
|
|
channelName: this.keepLive.channelName,
|
|||
|
|
title: this.keepLive.title,
|
|||
|
|
content: this.keepLive.content,
|
|||
|
|
},
|
|||
|
|
(res) => {
|
|||
|
|
console.log('保活注册', res);
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
/**
|
|||
|
|
* 获取未读消息数量
|
|||
|
|
* @returns {Promise<void>}
|
|||
|
|
*/
|
|||
|
|
async getNoReadNum(){
|
|||
|
|
await request({
|
|||
|
|
url: "/admin-api/system/notify-message/get-unread-count?systemCode=weixiu",
|
|||
|
|
method: "GET"
|
|||
|
|
}).then((res) => {
|
|||
|
|
if(res.code==200 && res.data>0){
|
|||
|
|
this.dianyidain()
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
dianyidain() {
|
|||
|
|
if(!this.ifPlay){
|
|||
|
|
console.log('执行了，dianyidain');
|
|||
|
|
if(innerAudioContext!=""){
|
|||
|
|
try {
|
|||
|
|
console.log('调用前先销毁');
|
|||
|
|
innerAudioContext.stop();
|
|||
|
|
innerAudioContext.destroy();
|
|||
|
|
innerAudioContext="";
|
|||
|
|
}catch (e){
|
|||
|
|
console.log('销毁出错');
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
innerAudioContext = uni.createInnerAudioContext();
|
|||
|
|
this.ifPlay=true
|
|||
|
|
// #ifdef APP-PLUS
|
|||
|
|
innerAudioContext.src = '../../static/msgV.mp3';
|
|||
|
|
// #endif
|
|||
|
|
// #ifndef APP-PLUS
|
|||
|
|
innerAudioContext.src = 'https://www.nuoyunr.com/lananRsc/rescue/msgV.mp3';
|
|||
|
|
// #endif
|
|||
|
|
// 设置播放次数和计数器
|
|||
|
|
const playCount = 4;
|
|||
|
|
let currentCount = 0;
|
|||
|
|
// 初次播放
|
|||
|
|
innerAudioContext.play();
|
|||
|
|
// 震动
|
|||
|
|
uni.vibrateLong({
|
|||
|
|
success: function () {
|
|||
|
|
console.log('success');
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
innerAudioContext.onError((err) => {
|
|||
|
|
console.error('播放错误', err);
|
|||
|
|
this.ifPlay=false
|
|||
|
|
innerAudioContext.stop();
|
|||
|
|
innerAudioContext.destroy(); // 播放错误后释放实例
|
|||
|
|
});
|
|||
|
|
// 监听音频播放结束事件
|
|||
|
|
innerAudioContext.onEnded(() => {
|
|||
|
|
// 播放计数加一
|
|||
|
|
currentCount++;
|
|||
|
|
// 判断是否达到播放次数上限
|
|||
|
|
if (currentCount < playCount) {
|
|||
|
|
// 继续播放
|
|||
|
|
innerAudioContext.play();
|
|||
|
|
// 震动
|
|||
|
|
uni.vibrateLong({
|
|||
|
|
success: function () {
|
|||
|
|
console.log('success');
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
} else {
|
|||
|
|
// 播放完成，可以在这里添加额外的逻辑
|
|||
|
|
console.log('播放完成');
|
|||
|
|
this.ifPlay=false
|
|||
|
|
//及时释放资源
|
|||
|
|
innerAudioContext.stop();
|
|||
|
|
innerAudioContext.destroy();
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}else{
|
|||
|
|
console.log('正在播放音频，拒绝播放请求');
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style lang="scss" scoped>
|
|||
|
|
.content_{
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
.topt_{
|
|||
|
|
width: 100%;
|
|||
|
|
height: 408rpx;
|
|||
|
|
background: linear-gradient( 180deg, #2D3BFF 0%, #1463FF 100%);
|
|||
|
|
border-radius: 0rpx 0rpx 12rpx 12rpx;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
padding: 30rpx;
|
|||
|
|
padding-top: 96px;
|
|||
|
|
}
|
|||
|
|
.db_{
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
justify-content: space-between;
|
|||
|
|
}
|
|||
|
|
.db_c{
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
justify-content: space-between;
|
|||
|
|
margin: 30rpx auto;
|
|||
|
|
}
|
|||
|
|
.ds_{
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
}
|
|||
|
|
.top_time{
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
justify-content: space-between;
|
|||
|
|
}
|
|||
|
|
.time_left{
|
|||
|
|
width: 210rpx;
|
|||
|
|
height: 52rpx;
|
|||
|
|
background: rgba(255,255,255,0.4);
|
|||
|
|
border-radius: 36rpx 0rpx 0rpx 36rpx;
|
|||
|
|
background: #7e90fe;
|
|||
|
|
color: #fff;
|
|||
|
|
}
|
|||
|
|
.time_right{
|
|||
|
|
background: #fff;
|
|||
|
|
color: #214FFF;
|
|||
|
|
border-radius: 36rpx 0rpx 0rpx 36rpx;
|
|||
|
|
width: 118rpx;
|
|||
|
|
height: 52rpx;
|
|||
|
|
}
|
|||
|
|
.user_gly{
|
|||
|
|
font-weight: 400;
|
|||
|
|
color: rgba(255,255,255,0.83);
|
|||
|
|
font-size: 24rpx;
|
|||
|
|
}
|
|||
|
|
.user_name{
|
|||
|
|
font-weight: bold;
|
|||
|
|
font-size: 28rpx;
|
|||
|
|
color: #FFFFFF;
|
|||
|
|
margin-bottom: 5rpx;
|
|||
|
|
}
|
|||
|
|
.user_img{
|
|||
|
|
position: relative;
|
|||
|
|
text-align: center;
|
|||
|
|
image{
|
|||
|
|
width: 96rpx;
|
|||
|
|
height: 96rpx;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.img_bo{
|
|||
|
|
width: 116rpx;
|
|||
|
|
height: 32rpx;
|
|||
|
|
background: linear-gradient( 180deg, #8DB4FF 0%, #3069FF 100%);
|
|||
|
|
border-radius: 20rpx;
|
|||
|
|
border: 1rpx solid rgba(255,255,255,0.46);
|
|||
|
|
font-weight: 500;
|
|||
|
|
font-size: 24rpx;
|
|||
|
|
color: #FFFFFF;
|
|||
|
|
}
|
|||
|
|
.jg_{
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
justify-content: space-between;
|
|||
|
|
}
|
|||
|
|
.jg_box{
|
|||
|
|
text-align: center;
|
|||
|
|
font-weight: 400;
|
|||
|
|
font-size: 28rpx;
|
|||
|
|
color: #FFFFFF;
|
|||
|
|
width: 25%;
|
|||
|
|
image{
|
|||
|
|
width: 56rpx;
|
|||
|
|
height: 56rpx;
|
|||
|
|
margin-bottom: 10rpx;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.bo_{
|
|||
|
|
width: 100%;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
padding: 30rpx;
|
|||
|
|
}
|
|||
|
|
.jg_left{
|
|||
|
|
width: 356rpx;
|
|||
|
|
border-radius: 8rpx;
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
justify-content: space-between;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
padding: 30rpx;
|
|||
|
|
color: #fff;
|
|||
|
|
font-weight: bold;
|
|||
|
|
font-size: 28rpx;
|
|||
|
|
color: #FFFFFF;
|
|||
|
|
background: linear-gradient( 68deg, #6CAFFF 0%, #0059FF 100%);
|
|||
|
|
image{
|
|||
|
|
width: 40rpx;
|
|||
|
|
height: 40rpx;
|
|||
|
|
margin-right: 15rpx;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.jg_right{
|
|||
|
|
width: 356rpx;
|
|||
|
|
border-radius: 8rpx;
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
justify-content: space-between;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
padding: 30rpx;
|
|||
|
|
color: #fff;
|
|||
|
|
font-weight: bold;
|
|||
|
|
font-size: 28rpx;
|
|||
|
|
color: #FFFFFF;
|
|||
|
|
background: linear-gradient( 68deg, #87E2FF 0%, #008BFF 100%);
|
|||
|
|
image{
|
|||
|
|
width: 40rpx;
|
|||
|
|
height: 40rpx;
|
|||
|
|
margin-right: 15rpx;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.three1{
|
|||
|
|
width: 234rpx;
|
|||
|
|
height: 120rpx;
|
|||
|
|
background: linear-gradient( 68deg, #EEF5FF 0%, #D7E0FC 100%);
|
|||
|
|
border-radius: 8rpx;
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
justify-content: space-between;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
padding: 10rpx;
|
|||
|
|
padding-left: 30rpx;
|
|||
|
|
image{
|
|||
|
|
width: 96rpx;
|
|||
|
|
height: 92rpx;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.three2{
|
|||
|
|
width: 234rpx;
|
|||
|
|
height: 120rpx;
|
|||
|
|
background: linear-gradient( 84deg, #E3F2F5 0%, #AFEEF8 100%);
|
|||
|
|
border-radius: 8rpx;
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
justify-content: space-between;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
padding: 10rpx;
|
|||
|
|
padding-left: 30rpx;
|
|||
|
|
image{
|
|||
|
|
width: 96rpx;
|
|||
|
|
height: 92rpx;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.three3{
|
|||
|
|
width: 234rpx;
|
|||
|
|
height: 120rpx;
|
|||
|
|
background: linear-gradient( 84deg, #E8F2E1 0%, #CCEFDD 100%);
|
|||
|
|
border-radius: 8rpx;
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
justify-content: space-between;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
padding: 10rpx;
|
|||
|
|
padding-left: 30rpx;
|
|||
|
|
image{
|
|||
|
|
width: 96rpx;
|
|||
|
|
height: 92rpx;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.t_size{
|
|||
|
|
font-weight: 400;
|
|||
|
|
font-size: 28rpx;
|
|||
|
|
color: #284F89;
|
|||
|
|
margin-bottom: 10rpx;
|
|||
|
|
}
|
|||
|
|
.t_num{
|
|||
|
|
font-weight: bold;
|
|||
|
|
font-size: 28rpx;
|
|||
|
|
color: #3E4045;
|
|||
|
|
}
|
|||
|
|
.gang_{
|
|||
|
|
width: 8rpx;
|
|||
|
|
height: 40rpx;
|
|||
|
|
background: #195AFF;
|
|||
|
|
margin-right: 8rpx;
|
|||
|
|
border-radius: 8px;
|
|||
|
|
}
|
|||
|
|
.title_{
|
|||
|
|
font-weight: 800;
|
|||
|
|
font-size: 28rpx;
|
|||
|
|
color: #23252B;
|
|||
|
|
}
|
|||
|
|
.ds_h{
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
font-weight: 400;
|
|||
|
|
font-size: 28rpx;
|
|||
|
|
color: #9799A1;
|
|||
|
|
}
|
|||
|
|
.c_box{
|
|||
|
|
width: 100%;
|
|||
|
|
height: 300rpx;
|
|||
|
|
background: #FFFFFF;
|
|||
|
|
border-radius: 8rpx;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
padding: 30rpx;
|
|||
|
|
margin: 10px auto;
|
|||
|
|
}
|
|||
|
|
.size1{
|
|||
|
|
font-weight: 600;
|
|||
|
|
font-size: 28rpx;
|
|||
|
|
color: #3B3D41;
|
|||
|
|
}
|
|||
|
|
.size2{
|
|||
|
|
font-weight: 400;
|
|||
|
|
font-size: 24rpx;
|
|||
|
|
color: #686B71;
|
|||
|
|
}
|
|||
|
|
.size3{
|
|||
|
|
font-weight: 600;
|
|||
|
|
font-size: 28rpx;
|
|||
|
|
color: #3B3D41;
|
|||
|
|
}
|
|||
|
|
.size4{
|
|||
|
|
font-weight: 400;
|
|||
|
|
font-size: 24rpx;
|
|||
|
|
color: #176C97;
|
|||
|
|
}
|
|||
|
|
.cont_title{
|
|||
|
|
height: 98rpx;
|
|||
|
|
background: #F7F8F9;
|
|||
|
|
border-radius: 8rpx;
|
|||
|
|
width: 100%;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
padding: 10rpx;
|
|||
|
|
margin: 10rpx auto;
|
|||
|
|
}
|
|||
|
|
.c_t_title{
|
|||
|
|
font-weight: 400;
|
|||
|
|
font-size: 24rpx;
|
|||
|
|
color: #176C97;
|
|||
|
|
}
|
|||
|
|
.c_t_size{
|
|||
|
|
font-weight: 600;
|
|||
|
|
font-size: 24rpx;
|
|||
|
|
color: #3B3D41;
|
|||
|
|
}
|
|||
|
|
.end_{
|
|||
|
|
display: flex;align-items: center;justify-content: end;
|
|||
|
|
}
|
|||
|
|
.l_buttom{
|
|||
|
|
width: 168rpx;
|
|||
|
|
height: 48rpx;
|
|||
|
|
background: #FFFFFF;
|
|||
|
|
border-radius: 30rpx;
|
|||
|
|
border: 2rpx solid #2E90F2;
|
|||
|
|
color: #2E90F2;
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
justify-content: center;
|
|||
|
|
font-weight: 400;
|
|||
|
|
font-size: 28rpx;
|
|||
|
|
color: #2E90F2;
|
|||
|
|
margin-left: 10rpx;
|
|||
|
|
}
|
|||
|
|
.r_buttom{
|
|||
|
|
width: 168rpx;
|
|||
|
|
height: 48rpx;
|
|||
|
|
background: #FFFFFF;
|
|||
|
|
border-radius: 30rpx;
|
|||
|
|
border: 2rpx solid #F2612E;
|
|||
|
|
color: #F2612E;
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
justify-content: center;
|
|||
|
|
font-weight: 400;
|
|||
|
|
font-size: 28rpx;
|
|||
|
|
margin-left: 10rpx;
|
|||
|
|
}
|
|||
|
|
</style>
|