522 lines
16 KiB
Vue
522 lines
16 KiB
Vue
|
<template>
|
|||
|
|
<uni-nav-bar
|
|||
|
|
dark
|
|||
|
|
:fixed="true"
|
|||
|
|
shadow
|
|||
|
|
background-color="#4AA4EA"
|
|||
|
|
status-bar
|
|||
|
|
left-icon="left"
|
|||
|
|
left-text="返回"
|
|||
|
|
:title="title"
|
|||
|
|
@clickLeft="back"
|
|||
|
|
/>
|
|||
|
|
<view class="accept page-common">
|
|||
|
|
<div class="card">
|
|||
|
|
<div>任务信息</div>
|
|||
|
|
<uni-forms :model="taskInfo" label-width="170rpx" :border="true">
|
|||
|
|
<uni-forms-item label="退料班组：" name="teamName">
|
|||
|
|
<span style="height: 100%;display: flex;align-items: center;">{{ taskInfo.teamName }}</span>
|
|||
|
|
</uni-forms-item>
|
|||
|
|
<uni-forms-item label="退料工程：" name="proName">
|
|||
|
|
<span style="height: 100%;display: flex;align-items: center;">{{ taskInfo.proName }}</span>
|
|||
|
|
</uni-forms-item>
|
|||
|
|
<uni-forms-item label="退料单号：" name="code">
|
|||
|
|
<span style="height: 100%;display: flex;align-items: center;">{{ taskInfo.code }}</span>
|
|||
|
|
</uni-forms-item>
|
|||
|
|
<uni-forms-item label="退料人员：" name="backPerson">
|
|||
|
|
<span style="height: 100%;display: flex;align-items: center;">{{ taskInfo.backPerson }}</span>
|
|||
|
|
</uni-forms-item>
|
|||
|
|
<uni-forms-item label="联系电话：" name="phone">
|
|||
|
|
<span style="height: 100%;display: flex;align-items: center;">{{ taskInfo.phone }}</span>
|
|||
|
|
</uni-forms-item>
|
|||
|
|
</uni-forms>
|
|||
|
|
</div>
|
|||
|
|
<div class="card" style="margin-top: 10px;">
|
|||
|
|
<uni-row :gutter="24">
|
|||
|
|
<uni-col :span="6">接收方式：</uni-col>
|
|||
|
|
<uni-col :span="6">
|
|||
|
|
<view class="coding-btn" @click="onCodeIdentify">编码识别</view>
|
|||
|
|
</uni-col>
|
|||
|
|
<uni-col :span="6">
|
|||
|
|
<view class="coding-btn" @click="scanStart">二维码识别</view>
|
|||
|
|
</uni-col>
|
|||
|
|
</uni-row>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="card" style="margin-top: 10px;">
|
|||
|
|
<uni-row :gutter="24" style="display: flex; align-items: center;margin-bottom: 10px;">
|
|||
|
|
<uni-col :span="6">设备编码：</uni-col>
|
|||
|
|
<uni-col :span="12">
|
|||
|
|
<uni-easyinput placeholder="请输入内容" maxlength="30" v-model="maCode"/>
|
|||
|
|
</uni-col>
|
|||
|
|
<uni-col :span="6">
|
|||
|
|
<view class="coding-btn search-btn"
|
|||
|
|
@click="getMaInfo"
|
|||
|
|
>编码检索</view>
|
|||
|
|
</uni-col>
|
|||
|
|
</uni-row>
|
|||
|
|
<uni-row :gutter="24" style="display: flex; align-items: center;margin-bottom: 10px;">
|
|||
|
|
<uni-col :span="6">物资类型：</uni-col>
|
|||
|
|
<uni-col :span="16">
|
|||
|
|
{{ typeName }}
|
|||
|
|
</uni-col>
|
|||
|
|
</uni-row>
|
|||
|
|
<uni-row :gutter="24" style="display: flex; align-items: center;margin-bottom: 10px;">
|
|||
|
|
<uni-col :span="6">规格型号：</uni-col>
|
|||
|
|
<uni-col :span="16">
|
|||
|
|
{{ materialName }}
|
|||
|
|
</uni-col>
|
|||
|
|
</uni-row>
|
|||
|
|
<uni-row :gutter="24" style="display: flex; align-items: center;margin-bottom: 10px;">
|
|||
|
|
<uni-col :span="6">设备状态：</uni-col>
|
|||
|
|
<uni-col :span="16">
|
|||
|
|
{{ maStatusName }}
|
|||
|
|
</uni-col>
|
|||
|
|
</uni-row>
|
|||
|
|
|
|||
|
|
<uni-row :gutter="24" style="display: flex; align-items: center;margin-bottom: 10px;">
|
|||
|
|
<uni-col :span="6">外观判定：</uni-col>
|
|||
|
|
<uni-col :span="16">
|
|||
|
|
<!-- <uni-easyinput placeholder="请输入内容" v-model="apDetection"/> -->
|
|||
|
|
<radio-group @change="changeRadio">
|
|||
|
|
<radio value="完好" checked style="margin-right: 5px;">完好</radio>
|
|||
|
|
<radio value="损坏">损坏</radio>
|
|||
|
|
</radio-group>
|
|||
|
|
</uni-col>
|
|||
|
|
</uni-row>
|
|||
|
|
<uni-row :gutter="24" style="display: flex; align-items: center;margin-bottom: 10px;">
|
|||
|
|
<uni-col :span="6">附件：</uni-col>
|
|||
|
|
<uni-col :span="16">
|
|||
|
|
<div class="upload" @click="uploadImg" v-if="imgBeseUrl==''">+</div>
|
|||
|
|
<div class="upload" @click="uploadImg" v-else>
|
|||
|
|
<image :src="imgBeseUrl" style="width: 160rpx;height: 160rpx;" mode=""></image>
|
|||
|
|
</div>
|
|||
|
|
</uni-col>
|
|||
|
|
</uni-row>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="btn">
|
|||
|
|
<!-- <button class="btn-cont" @click="reject">取消</button> -->
|
|||
|
|
<button class="btn-cont" @click="submitCode">确认</button>
|
|||
|
|
</div>
|
|||
|
|
</view>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script setup>
|
|||
|
|
import { ref, reactive } from 'vue'
|
|||
|
|
import { onLoad } from '@dcloudio/uni-app'
|
|||
|
|
import { getMachine,insertApp } from '../../services/back.js';
|
|||
|
|
import { baseURL } from '@/utils/http'
|
|||
|
|
const title = ref('退料接收')
|
|||
|
|
const taskInfo = ref({})
|
|||
|
|
const maId = ref("") //编码
|
|||
|
|
const maCode = ref("") //编码
|
|||
|
|
const typeName = ref("")//物资类型
|
|||
|
|
const materialName = ref("") //规格型号
|
|||
|
|
const typeId = ref("") //类型id
|
|||
|
|
const maStatusName = ref("") //状态
|
|||
|
|
const apDetection = ref("完好") //外观判定
|
|||
|
|
const imgBeseUrl = ref("") //图片展示
|
|||
|
|
const bmFileInfos = ref([])//图片数组
|
|||
|
|
|
|||
|
|
const changeRadio = (e) => {
|
|||
|
|
console.log(e.detail.value)
|
|||
|
|
apDetection.value = e.detail.value
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//根据编码获取设备类型
|
|||
|
|
const getMaInfo = () => {
|
|||
|
|
console.log(maCode.value)
|
|||
|
|
let param={
|
|||
|
|
"maCode":maCode.value,
|
|||
|
|
"unitId":taskInfo.value.unitId,
|
|||
|
|
"proId":taskInfo.value.proId
|
|||
|
|
}
|
|||
|
|
getMachine(param).then(res => {
|
|||
|
|
console.log(res)
|
|||
|
|
if(res.code==200){
|
|||
|
|
if(res.data&&res.data.length>0){
|
|||
|
|
typeName.value = res.data[0].typeName;
|
|||
|
|
materialName.value = res.data[0].materialName;
|
|||
|
|
maStatusName.value = res.data[0].maStatusName;
|
|||
|
|
maId.value = res.data[0].maId;
|
|||
|
|
typeId.value = res.data[0].typeId;
|
|||
|
|
}else{
|
|||
|
|
uni.showToast({ title: '该编码非该班组工程领用，不可退料！', icon: 'none' })
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}).catch(error => {
|
|||
|
|
console.log(error)
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
const qrCode = ref("") //图片展示
|
|||
|
|
// 二维码扫码
|
|||
|
|
const scanStart = async () => {
|
|||
|
|
qrCode.value=""
|
|||
|
|
var mpaasScanModule = uni.requireNativePlugin("Mpaas-Scan-Module")
|
|||
|
|
mpaasScanModule.mpaasScan({
|
|||
|
|
// 扫码识别类型，参数可多选，qrCode、barCode，不设置，默认识别所有
|
|||
|
|
'scanType': ['qrCode','barCode'],
|
|||
|
|
// 是否隐藏相册，默认false不隐藏
|
|||
|
|
'hideAlbum': false,
|
|||
|
|
//ios需要设置这个参数，只支持中英文 zh-Hans、en，默认中文
|
|||
|
|
'language' : 'en',
|
|||
|
|
//相册选择照片识别错误提示(ios)
|
|||
|
|
'failedMsg': '未识别到二维码，请重试',
|
|||
|
|
//Android支持全屏需要设置此参数
|
|||
|
|
'screenType': 'full'
|
|||
|
|
},(ret) => {
|
|||
|
|
console.log(ret)
|
|||
|
|
if(ret.resp_code==10){
|
|||
|
|
uni.showToast({ title: '用户取消', icon: 'none' })
|
|||
|
|
}
|
|||
|
|
if(ret.resp_code==11){
|
|||
|
|
uni.showToast({ title: '扫码失败', icon: 'none' })
|
|||
|
|
}
|
|||
|
|
if(ret.resp_code==1000){
|
|||
|
|
qrCode.value = ret.resp_result;
|
|||
|
|
console.log(qrCode.value)
|
|||
|
|
let param={
|
|||
|
|
"qrCode":qrCode.value,
|
|||
|
|
"unitId":taskInfo.value.unitId,
|
|||
|
|
"proId":taskInfo.value.proId
|
|||
|
|
}
|
|||
|
|
getMachine(param).then(res => {
|
|||
|
|
console.log(res)
|
|||
|
|
console.log(res.data[0])
|
|||
|
|
maCode.value = res.data[0].maCode
|
|||
|
|
typeName.value = res.data[0].typeName;
|
|||
|
|
materialName.value = res.data[0].typeModelName;
|
|||
|
|
maStatusName.value = res.data[0].maStatusName;
|
|||
|
|
maId.value = res.data[0].maId;
|
|||
|
|
typeId.value = res.data[0].typeId;
|
|||
|
|
}).catch(error => {
|
|||
|
|
console.log(error)
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
// // 扫码识别按钮
|
|||
|
|
// const scanStart = () => {
|
|||
|
|
// console.log('编码识别--')
|
|||
|
|
// // 只允许通过相机扫码
|
|||
|
|
// uni.scanCode({
|
|||
|
|
// onlyFromCamera: true,
|
|||
|
|
// scanType: ['qrCode', 'pdf417'],
|
|||
|
|
// success: (res) => {
|
|||
|
|
// console.log('扫码结果：' + res.result);
|
|||
|
|
// maCode.value = res.result;
|
|||
|
|
// },
|
|||
|
|
// fail: (err) => {
|
|||
|
|
// // uni.showToast({
|
|||
|
|
// // title: '取消',
|
|||
|
|
// // icon: 'none'
|
|||
|
|
// // });
|
|||
|
|
// }
|
|||
|
|
// });
|
|||
|
|
// }
|
|||
|
|
// 编码识别按钮
|
|||
|
|
const onCodeIdentify = () => {
|
|||
|
|
console.log('编码识别--')
|
|||
|
|
uni.navigateTo({
|
|||
|
|
url: `/pages/back/backCodeScan?queryParams=${JSON.stringify(taskInfo.value)}`,
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
//提交
|
|||
|
|
const submitCode = () => {
|
|||
|
|
console.log(taskInfo.value)
|
|||
|
|
if(maId.value==""){
|
|||
|
|
uni.showToast({ title: '请先添加退料设备编码！', icon: 'none' })
|
|||
|
|
}else{
|
|||
|
|
// console.log(typeList.value)
|
|||
|
|
let obj = {
|
|||
|
|
"maId":maId.value,
|
|||
|
|
"maCode":maCode.value,
|
|||
|
|
"typeId":typeId.value,
|
|||
|
|
"apDetection":apDetection.value,
|
|||
|
|
goodNum: apDetection.value == '完好' ? 1 : 0,
|
|||
|
|
badNum: apDetection.value == '损坏' ? 1 : 0,
|
|||
|
|
"bmFileInfos":bmFileInfos.value
|
|||
|
|
}
|
|||
|
|
let param = {
|
|||
|
|
"backApplyInfo":taskInfo.value,
|
|||
|
|
"backApplyDetails":obj
|
|||
|
|
}
|
|||
|
|
insertApp(param).then(res => {
|
|||
|
|
console.log(res)
|
|||
|
|
if(res.code==200){
|
|||
|
|
uni.showToast({ title: '添加成功！', icon: 'none' })
|
|||
|
|
typeName.value="";
|
|||
|
|
materialName.value="";
|
|||
|
|
maStatusName.value="";
|
|||
|
|
typeId.value="";
|
|||
|
|
maId.value=""
|
|||
|
|
maCode.value=""
|
|||
|
|
typeId.value=""
|
|||
|
|
apDetection.value="完好"
|
|||
|
|
bmFileInfos.value=[]
|
|||
|
|
imgBeseUrl.value = ""
|
|||
|
|
// uni.navigateBack({
|
|||
|
|
// delta: 1 // 返回到已存在的页面
|
|||
|
|
// });
|
|||
|
|
}else{
|
|||
|
|
uni.showToast({ title: res.msg, icon: 'none' })
|
|||
|
|
}
|
|||
|
|
}).catch(error => {
|
|||
|
|
console.log(error)
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//上传
|
|||
|
|
const uploadImg = () => {
|
|||
|
|
uni.chooseImage({
|
|||
|
|
count: 1, //图片可选择数量
|
|||
|
|
sizeType: ['original', 'compressed'], //original 原图，compressed 压缩图，默认二者都有
|
|||
|
|
sourceType: ['album', 'camera',], //album 从相册选图，camera 使用相机，默认二者都有。
|
|||
|
|
success: res => {
|
|||
|
|
console.log(res)
|
|||
|
|
let imgFiles = res.tempFilePaths //图片的本地文件路径列表
|
|||
|
|
imgBeseUrl.value = imgFiles[0]
|
|||
|
|
// console.log('本地地址', imgFiles)
|
|||
|
|
// console.log('请求地址', baseURL+"/file/upload")
|
|||
|
|
uni.uploadFile({
|
|||
|
|
// url: baseURL+"/file/upload",//app
|
|||
|
|
url: "/file/upload",//h5
|
|||
|
|
filePath: imgFiles[0],
|
|||
|
|
name: 'file',
|
|||
|
|
success: (res) => {
|
|||
|
|
res = JSON.parse(res.data)
|
|||
|
|
console.log('上传成功', res.code);
|
|||
|
|
console.log('上传成功', res.data);
|
|||
|
|
if(res.code&&res.code==200){
|
|||
|
|
let obj = {
|
|||
|
|
"name":res.data.name,
|
|||
|
|
"url":res.data.url,
|
|||
|
|
"taskType":"10"
|
|||
|
|
}
|
|||
|
|
// console.log(obj)
|
|||
|
|
bmFileInfos.value = [obj]
|
|||
|
|
uni.showToast({ title: '上传成功', icon: 'none' })
|
|||
|
|
}else{
|
|||
|
|
bmFileInfos.value = []
|
|||
|
|
uni.showToast({ title: '上传失败', icon: 'none' })
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
fail: (err) => {
|
|||
|
|
console.error('上传失败', err);
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
// this.$refs.vForm.clearValidate()
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
const back = () => {
|
|||
|
|
uni.navigateBack({
|
|||
|
|
delta: 1,
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
onLoad((options)=>{
|
|||
|
|
console.log(options)
|
|||
|
|
taskInfo.value = JSON.parse(options.taskInfo)
|
|||
|
|
console.log(taskInfo.value)
|
|||
|
|
})
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style lang="scss" scoped>
|
|||
|
|
::v-deep .uni-radio-input {
|
|||
|
|
width: 16px;
|
|||
|
|
height: 16px;
|
|||
|
|
}
|
|||
|
|
.accept {
|
|||
|
|
padding: 24rpx;
|
|||
|
|
height: 95vh;
|
|||
|
|
word-break: break-all;
|
|||
|
|
background-color: #f7f8fa;
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: column;
|
|||
|
|
|
|||
|
|
// 卡片样式
|
|||
|
|
.card {
|
|||
|
|
padding: 32rpx;
|
|||
|
|
background-color: #fff;
|
|||
|
|
border-radius: 20rpx;
|
|||
|
|
box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.06);
|
|||
|
|
margin-bottom: 24rpx;
|
|||
|
|
|
|||
|
|
// 卡片标题
|
|||
|
|
> div:first-child {
|
|||
|
|
font-size: 32rpx;
|
|||
|
|
font-weight: 600;
|
|||
|
|
color: #262626;
|
|||
|
|
margin-bottom: 24rpx;
|
|||
|
|
position: relative;
|
|||
|
|
padding-left: 24rpx;
|
|||
|
|
|
|||
|
|
&::before {
|
|||
|
|
content: '';
|
|||
|
|
position: absolute;
|
|||
|
|
left: 0;
|
|||
|
|
top: 50%;
|
|||
|
|
transform: translateY(-50%);
|
|||
|
|
width: 6rpx;
|
|||
|
|
height: 28rpx;
|
|||
|
|
background: #3784fb;
|
|||
|
|
border-radius: 6rpx;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 表单样式
|
|||
|
|
:deep(.uni-forms) {
|
|||
|
|
.uni-forms-item {
|
|||
|
|
padding: 24rpx 0;
|
|||
|
|
margin-bottom: 0;
|
|||
|
|
border-bottom: 2rpx solid #f5f5f5;
|
|||
|
|
|
|||
|
|
&:last-child {
|
|||
|
|
border-bottom: none;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-forms-item__label {
|
|||
|
|
color: #8c8c8c;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
span {
|
|||
|
|
color: #262626;
|
|||
|
|
font-size: 28rpx;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 扫码按钮样式
|
|||
|
|
.coding-btn {
|
|||
|
|
height: 88rpx;
|
|||
|
|
line-height: 88rpx;
|
|||
|
|
background: linear-gradient(135deg, #4b8eff 0%, #3784fb 100%);
|
|||
|
|
border-radius: 12rpx;
|
|||
|
|
text-align: center;
|
|||
|
|
color: #fff;
|
|||
|
|
font-size: 28rpx;
|
|||
|
|
font-weight: 600;
|
|||
|
|
box-shadow: 0 6rpx 20rpx rgba(55, 132, 251, 0.2);
|
|||
|
|
transition: all 0.3s ease;
|
|||
|
|
|
|||
|
|
&:active {
|
|||
|
|
transform: scale(0.98);
|
|||
|
|
opacity: 0.9;
|
|||
|
|
box-shadow: 0 2rpx 8rpx rgba(55, 132, 251, 0.2);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 检索按钮样式
|
|||
|
|
&.search-btn {
|
|||
|
|
background: #fff7eb;
|
|||
|
|
color: #fa8c16;
|
|||
|
|
border: 2rpx solid #fa8c16;
|
|||
|
|
box-shadow: none;
|
|||
|
|
|
|||
|
|
&:active {
|
|||
|
|
background: #fff3e0;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 信息展示行
|
|||
|
|
:deep(.uni-row) {
|
|||
|
|
margin-bottom: 24rpx;
|
|||
|
|
|
|||
|
|
&:last-child {
|
|||
|
|
margin-bottom: 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-col-6 {
|
|||
|
|
color: #8c8c8c;
|
|||
|
|
font-size: 28rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-col-16 {
|
|||
|
|
color: #262626;
|
|||
|
|
font-size: 28rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 输入框样式
|
|||
|
|
.uni-easyinput__content {
|
|||
|
|
background-color: #f7f8fa;
|
|||
|
|
border: 2rpx solid #e8e8e8;
|
|||
|
|
border-radius: 12rpx;
|
|||
|
|
height: 88rpx;
|
|||
|
|
padding: 0 24rpx;
|
|||
|
|
transition: all 0.3s ease;
|
|||
|
|
|
|||
|
|
&:focus-within {
|
|||
|
|
border-color: #3784fb;
|
|||
|
|
box-shadow: 0 0 0 2rpx rgba(55, 132, 251, 0.1);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-easyinput__content-input {
|
|||
|
|
font-size: 28rpx;
|
|||
|
|
height: 88rpx;
|
|||
|
|
line-height: 88rpx;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 上传区域样式
|
|||
|
|
.upload {
|
|||
|
|
width: 160rpx;
|
|||
|
|
height: 160rpx;
|
|||
|
|
background-color: #f7f8fa;
|
|||
|
|
border: 2rpx dashed #d9d9d9;
|
|||
|
|
border-radius: 12rpx;
|
|||
|
|
display: flex;
|
|||
|
|
justify-content: center;
|
|||
|
|
align-items: center;
|
|||
|
|
font-size: 48rpx;
|
|||
|
|
color: #bfbfbf;
|
|||
|
|
transition: all 0.3s ease;
|
|||
|
|
|
|||
|
|
&:active {
|
|||
|
|
background-color: #f0f0f0;
|
|||
|
|
border-color: #3784fb;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
image {
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100%;
|
|||
|
|
border-radius: 12rpx;
|
|||
|
|
object-fit: cover;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 底部按钮
|
|||
|
|
.btn {
|
|||
|
|
margin-top: auto;
|
|||
|
|
padding: 32rpx;
|
|||
|
|
background: #fff;
|
|||
|
|
box-shadow: 0 -4rpx 16rpx rgba(0, 0, 0, 0.05);
|
|||
|
|
|
|||
|
|
.btn-cont {
|
|||
|
|
width: 100%;
|
|||
|
|
height: 88rpx;
|
|||
|
|
line-height: 88rpx;
|
|||
|
|
text-align: center;
|
|||
|
|
background: linear-gradient(135deg, #4b8eff 0%, #3784fb 100%);
|
|||
|
|
color: #fff;
|
|||
|
|
border-radius: 44rpx;
|
|||
|
|
font-size: 32rpx;
|
|||
|
|
font-weight: 600;
|
|||
|
|
box-shadow: 0 6rpx 20rpx rgba(55, 132, 251, 0.2);
|
|||
|
|
transition: all 0.3s ease;
|
|||
|
|
|
|||
|
|
&:active {
|
|||
|
|
transform: scale(0.98);
|
|||
|
|
opacity: 0.9;
|
|||
|
|
box-shadow: 0 2rpx 8rpx rgba(55, 132, 251, 0.2);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</style>
|