feat: 工作台改版并区分东大与新大陆扫码
This commit is contained in:
@@ -98,6 +98,7 @@ export default {
|
||||
this.useFallbackConfigList();
|
||||
}
|
||||
this.ensurePhoneScanOption();
|
||||
this.ensureSeuicOption();
|
||||
this.ensureNlscanOption();
|
||||
this.initFormFromSaved();
|
||||
},
|
||||
@@ -111,23 +112,29 @@ export default {
|
||||
this.configList.push(phoneConfig);
|
||||
}
|
||||
},
|
||||
ensureNlscanOption() {
|
||||
const nlscanConfig = this.getScannerConfigs().find((item) => item.brand === 'nlscan');
|
||||
if (!nlscanConfig) {
|
||||
ensureBuiltinScannerOption(brand) {
|
||||
const builtinConfig = this.getScannerConfigs().find((item) => item.brand === brand);
|
||||
if (!builtinConfig) {
|
||||
return;
|
||||
}
|
||||
const exists = this.configList.some((item) => {
|
||||
return item.brand === nlscanConfig.brand || item.action === nlscanConfig.action;
|
||||
return item.brand === builtinConfig.brand || item.action === builtinConfig.action;
|
||||
});
|
||||
if (exists) {
|
||||
return;
|
||||
}
|
||||
const phoneIndex = this.configList.findIndex((item) => item.brand === PHONE_SCAN_BRAND);
|
||||
if (phoneIndex >= 0) {
|
||||
this.configList.splice(phoneIndex, 0, nlscanConfig);
|
||||
this.configList.splice(phoneIndex, 0, builtinConfig);
|
||||
return;
|
||||
}
|
||||
this.configList.push(nlscanConfig);
|
||||
this.configList.push(builtinConfig);
|
||||
},
|
||||
ensureSeuicOption() {
|
||||
this.ensureBuiltinScannerOption('seuic');
|
||||
},
|
||||
ensureNlscanOption() {
|
||||
this.ensureBuiltinScannerOption('nlscan');
|
||||
},
|
||||
initFormFromSaved() {
|
||||
const savedConfig = getScanConfig(this.getScannerConfigs());
|
||||
|
||||
+236
-292
@@ -1,340 +1,284 @@
|
||||
<template>
|
||||
<view class="wrap">
|
||||
<common-navbar title="工作台" :showBack="false">
|
||||
<template #right>
|
||||
<view class="scan_box">
|
||||
<u-icon name="scan" color="#333333" size="46" @click="handleScan"></u-icon>
|
||||
<view class="app-center">
|
||||
<view class="app-center__status" :style="{ height: statusBarHeight + 'px' }"></view>
|
||||
<view class="app-center__header">
|
||||
<text class="app-center__version">v{{ appVersion }}</text>
|
||||
<text class="app-center__title">工作台</text>
|
||||
<view class="app-center__setting" @click="navTo('/pages/sys/user/setting')">
|
||||
<u-icon name="setting" color="#333333" size="34"></u-icon>
|
||||
<text>设置</text>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="app-center__grid">
|
||||
<view
|
||||
v-for="item in menuList"
|
||||
:key="item.path"
|
||||
class="menu-card"
|
||||
:class="item.tone"
|
||||
hover-class="menu-card--pressed"
|
||||
@click="navTo(item.path)"
|
||||
>
|
||||
<image class="menu-card__bg" :src="item.bg" mode="aspectFill"></image>
|
||||
<view class="menu-card__mask"></view>
|
||||
<text class="menu-card__quote">“</text>
|
||||
<view v-if="item.tag" class="menu-card__tag">
|
||||
<text>{{ item.tag }}</text>
|
||||
</view>
|
||||
</template>
|
||||
</common-navbar>
|
||||
<!-- <view class="workbench-title">销售管理</view>-->
|
||||
<!-- <view class="toolbar">-->
|
||||
<!-- <u-grid class="grid" :col="4" :border="false">-->
|
||||
<!-- <u-grid-item :index="0" @click="navTo('/pages/saleship/salepickscan')">-->
|
||||
<!-- <view class="home-icon icon-color05">-->
|
||||
<!-- <i class="iconfont icon-hetongguanli"></i>-->
|
||||
<!-- </view>-->
|
||||
<!-- <view class="grid-text">成品配布</view>-->
|
||||
<!-- </u-grid-item>-->
|
||||
<!-- <u-grid-item :index="1" @click="navTo('/pages/storegoods/QRBarCodeReview')">-->
|
||||
<!-- <view class="home-icon icon-color02">-->
|
||||
<!-- <i class="iconfont icon-mall-bag"></i>-->
|
||||
<!-- </view>-->
|
||||
<!-- <view class="grid-text">标签检测</view>-->
|
||||
<!-- </u-grid-item>-->
|
||||
<!-- </u-grid>-->
|
||||
<!-- </view>-->
|
||||
<!-- <view class="workbench-title">成品管理</view>-->
|
||||
<!-- <view class="toolbar">-->
|
||||
<!-- <u-grid class="grid" :col="4" :border="false">-->
|
||||
<!-- <u-grid-item :index="0" @click="navTo('/pages/storegoods/dyeworksDyeback')">-->
|
||||
<!-- <view class="home-icon icon-color04">-->
|
||||
<!-- <i class="iconfont icon-finance"></i>-->
|
||||
<!-- </view>-->
|
||||
<!-- <view class="grid-text">染整进仓</view>-->
|
||||
<!-- </u-grid-item>-->
|
||||
<!-- <u-grid-item :index="1" @click="navTo('/pages/storegoods/storeGoodsBusinessIn')">-->
|
||||
<!-- <view class="home-icon icon-color03">-->
|
||||
<!-- <i class="iconfont icon-mall-bag"></i>-->
|
||||
<!-- </view>-->
|
||||
<!-- <view class="grid-text">成品进仓</view>-->
|
||||
<!-- </u-grid-item>-->
|
||||
<!-- <u-grid-item :index="2" @click="navTo('/pages/storegoods/storeGoodsBusinessOut')">-->
|
||||
<!-- <view class="home-icon icon-color12">-->
|
||||
<!-- <i class="iconfont icon-baoxiaodan"></i>-->
|
||||
<!-- </view>-->
|
||||
<!-- <view class="grid-text">成品出仓</view>-->
|
||||
<!-- </u-grid-item>-->
|
||||
<!-- <u-grid-item @click="navTo('/pages/storegoods/storeGoodsBusinessCheck')">-->
|
||||
<!-- <view class="home-icon icon-color04">-->
|
||||
<!-- <i class="iconfont icon-shenpi"></i>-->
|
||||
<!-- </view>-->
|
||||
<!-- <view class="grid-text">成品盘点</view>-->
|
||||
<!-- </u-grid-item>-->
|
||||
<!-- <u-grid-item @click="navTo('/pages/storegoods/storeGoodsBusinessStationMoveOnly')">-->
|
||||
<!-- <view class="home-icon icon-color04">-->
|
||||
<!-- <i class="iconfont icon-shenpi"></i>-->
|
||||
<!-- </view>-->
|
||||
<!-- <view class="grid-text">成品移架</view>-->
|
||||
<!-- </u-grid-item>-->
|
||||
<!-- <u-grid-item @click="navTo('/pages/storegoods/storegoodsstoresearch')">-->
|
||||
<!-- <view class="home-icon icon-color04">-->
|
||||
<!-- <i class="iconfont icon-shenpi"></i>-->
|
||||
<!-- </view>-->
|
||||
<!-- <view class="grid-text">成品库存</view>-->
|
||||
<!-- </u-grid-item>-->
|
||||
<!-- <u-grid-item @click="navTo('/pages/storegoods/storegoodsstoreallin')">-->
|
||||
<!-- <view class="home-icon icon-color04">-->
|
||||
<!-- <i class="iconfont icon-shenpi"></i>-->
|
||||
<!-- </view>-->
|
||||
<!-- <view class="grid-text">进仓查询</view>-->
|
||||
<!-- </u-grid-item>-->
|
||||
<!-- <u-grid-item @click="navTo('/pages/storegoods/storegoodsstoreallout')">-->
|
||||
<!-- <view class="home-icon icon-color04">-->
|
||||
<!-- <i class="iconfont icon-shenpi"></i>-->
|
||||
<!-- </view>-->
|
||||
<!-- <view class="grid-text">出仓查询</view>-->
|
||||
<!-- </u-grid-item>-->
|
||||
<!-- </u-grid>-->
|
||||
<!-- </view>-->
|
||||
<view class="workbench-title">坯布管理</view>
|
||||
<view class="toolbar">
|
||||
<u-grid class="grid" :col="2" :border="false">
|
||||
<!-- <u-grid-item @click="navTo('/pages/storefabric/storefabricInStore')">-->
|
||||
<!-- <view class="home-icon icon-color04">-->
|
||||
<!-- <i class="iconfont icon-hetongguanli"></i>-->
|
||||
<!-- </view>-->
|
||||
<!-- <view class="grid-text">坯布进仓</view>-->
|
||||
<!-- </u-grid-item>-->
|
||||
<u-grid-item @click="navTo('/pages/storefabric/storeFabricBusinessOutList')">
|
||||
<view class="workbench-tile tile-out" hover-class="tile-pressed">
|
||||
<i class="iconfont icon-chucha"></i>
|
||||
<text class="tile-label">坯布出库</text>
|
||||
</view>
|
||||
</u-grid-item>
|
||||
<u-grid-item @click="navTo('/pages/storefabric/storeFabricWarehouseGroupList')">
|
||||
<view class="workbench-tile tile-stock" hover-class="tile-pressed">
|
||||
<i class="iconfont icon-huiyishi"></i>
|
||||
<text class="tile-label">坯布库存</text>
|
||||
</view>
|
||||
</u-grid-item>
|
||||
<!-- <u-grid-item @click="navTo('/pages/storefabric/storefabricstoreallin')">-->
|
||||
<!-- <view class="home-icon icon-color05">-->
|
||||
<!-- <i class="iconfont icon-huiyishi"></i>-->
|
||||
<!-- </view>-->
|
||||
<!-- <view class="grid-text">进仓查询</view>-->
|
||||
<!-- </u-grid-item>-->
|
||||
<!-- <u-grid-item @click="navTo('/pages/storefabric/storefabricstoreallout')">-->
|
||||
<!-- <view class="home-icon icon-color05">-->
|
||||
<!-- <i class="iconfont icon-huiyishi"></i>-->
|
||||
<!-- </view>-->
|
||||
<!-- <view class="grid-text">出仓查询</view>-->
|
||||
<!-- </u-grid-item>-->
|
||||
</u-grid>
|
||||
<view class="menu-card__body">
|
||||
<text class="menu-card__name">{{ item.name }}</text>
|
||||
<text class="menu-card__en">{{ item.en }}</text>
|
||||
</view>
|
||||
<view class="menu-card__arrow">
|
||||
<text>›</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
<script>
|
||||
import CommonNavbar from "@/components/common-navbar/index";
|
||||
import scanMixin from '@/common/scanMixin.js';
|
||||
/**
|
||||
* Copyright (c) 2013-Now http://aidex.vip All rights reserved.
|
||||
*/
|
||||
export default {
|
||||
components: {
|
||||
CommonNavbar,
|
||||
},
|
||||
mixins: [scanMixin],
|
||||
data() {
|
||||
return {
|
||||
show: false,
|
||||
head: "/static/aidex/images/head.png",
|
||||
imgList: [
|
||||
{ image: "/static/aidex/banner/banner01.png" },
|
||||
//{image: '/static/aidex/banner/banner02.png'},
|
||||
//{image: '/static/aidex/banner/banner03.png'}
|
||||
],
|
||||
todoCount: 3,
|
||||
// scanReceiver 和 isPageActive 已由 scanMixin 提供
|
||||
statusBarHeight: 20,
|
||||
appVersion: '1.1.7',
|
||||
menuList: [
|
||||
{
|
||||
name: '坯布出库',
|
||||
en: 'FABRIC OUT',
|
||||
tag: '出库',
|
||||
path: '/pages/storefabric/storeFabricBusinessOutList',
|
||||
tone: 'tone-out',
|
||||
bg: '/static/img/workbench/fabric-out.jpg'
|
||||
},
|
||||
{
|
||||
name: '坯布库存',
|
||||
en: 'FABRIC STOCK',
|
||||
tag: '库存',
|
||||
path: '/pages/storefabric/storeFabricWarehouseGroupList',
|
||||
tone: 'tone-stock',
|
||||
bg: '/static/img/workbench/fabric-stock.jpg'
|
||||
}
|
||||
]
|
||||
};
|
||||
},
|
||||
|
||||
onLoad() {
|
||||
const sys = uni.getSystemInfoSync();
|
||||
this.statusBarHeight = sys.statusBarHeight || 20;
|
||||
// #ifdef APP-PLUS
|
||||
plus.runtime.getProperty(plus.runtime.appid, (inf) => {
|
||||
if (inf && inf.version) {
|
||||
this.appVersion = inf.version;
|
||||
}
|
||||
});
|
||||
// #endif
|
||||
this.registerScanBroadcast(this.handleScanCode);
|
||||
},
|
||||
// onUnload, onHide, onShow 已由 scanMixin 自动处理
|
||||
|
||||
computed: {
|
||||
contentStyle() {
|
||||
const navHeight = getStatusBarHeight() + 44;
|
||||
return {
|
||||
height: `${navHeight}px`,
|
||||
};
|
||||
},
|
||||
},
|
||||
methods: {
|
||||
// 自定义扫码处理回调 - 处理本页面特有的扫码逻辑
|
||||
handleScanCode(scanResult) {
|
||||
console.log('工作台-扫码结果:', scanResult);
|
||||
const cleanResult = scanResult.trim().replace(/[\r\n]/g, '');
|
||||
uni.navigateTo({
|
||||
url: '/pages/saleship/salepickscandetail?order_no=' + cleanResult
|
||||
});
|
||||
},
|
||||
|
||||
navTo(url) {
|
||||
uni.navigateTo({
|
||||
url: url,
|
||||
});
|
||||
},
|
||||
imgListClick(index) {
|
||||
console.log(`点击了第${index + 1}页图片`);
|
||||
},
|
||||
itemClick(index) {
|
||||
console.log(index);
|
||||
},
|
||||
// 处理扫码（手动点击扫码按钮）
|
||||
handleScan() {
|
||||
if (this.usePhoneScanFallback) {
|
||||
this.openPhoneScan();
|
||||
return;
|
||||
}
|
||||
// #ifdef APP-PLUS || MP-WEIXIN
|
||||
uni.scanCode({
|
||||
scanType: ['qrCode', 'barCode'], // 同时支持二维码和条形码
|
||||
success: (res) => {
|
||||
console.log('扫码成功：', res);
|
||||
const cleanResult = res.result.trim().replace(/[\r\n]/g, '');
|
||||
uni.navigateTo({
|
||||
url: '/pages/saleship/salepickscandetail?order_no=' + cleanResult
|
||||
})
|
||||
},
|
||||
fail: (err) => {
|
||||
console.error('扫码失败：', err);
|
||||
uni.showToast({
|
||||
title: '扫码失败',
|
||||
icon: 'none'
|
||||
});
|
||||
}
|
||||
});
|
||||
// #endif
|
||||
|
||||
// #ifdef H5
|
||||
uni.showToast({
|
||||
title: "H5环境不支持扫码功能",
|
||||
icon: "error",
|
||||
});
|
||||
// #endif
|
||||
},
|
||||
// 处理扫码成功
|
||||
handleScanSuccess(result) {
|
||||
try {
|
||||
// 这里可以根据实际需求处理扫码结果
|
||||
// 例如：验证扫码结果的格式或内容
|
||||
if (this.validateScanResult(result)) {
|
||||
// 扫码验证通过，执行其他逻辑
|
||||
uni.showToast({
|
||||
title: "执行成功",
|
||||
icon: "success",
|
||||
});
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: "无效的二维码",
|
||||
icon: "none",
|
||||
});
|
||||
}
|
||||
} catch (error) {
|
||||
console.error("处理扫码结果失败：", error);
|
||||
uni.showToast({
|
||||
title: "处理失败",
|
||||
icon: "none",
|
||||
});
|
||||
}
|
||||
},
|
||||
// registerScanBroadcast 和 unregisterScanBroadcast 已由 scanMixin 提供
|
||||
},
|
||||
uni.navigateTo({ url });
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
<style lang="scss">
|
||||
@import "index.scss";
|
||||
|
||||
.scan_box {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
||||
.scan_text {
|
||||
font-size: 12px;
|
||||
color: #2979ff;
|
||||
}
|
||||
page {
|
||||
background: #eef1f4;
|
||||
}
|
||||
|
||||
.banner-box {
|
||||
padding: 0 2%;
|
||||
width: 96%;
|
||||
height: 170rpx;
|
||||
margin: 30rpx 0 30rpx;
|
||||
}
|
||||
|
||||
.u-swiper-wrap {
|
||||
padding: 0 10px;
|
||||
}
|
||||
|
||||
.banner-pic {
|
||||
width: 47%;
|
||||
float: left;
|
||||
display: inline-block;
|
||||
margin: 0 1.5%;
|
||||
}
|
||||
|
||||
.banner-pic image {
|
||||
width: 100%;
|
||||
height: 170rpx;
|
||||
border-radius: 12rpx;
|
||||
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.u-mode-light-info {
|
||||
background-color: #ffffff;
|
||||
color: #666666;
|
||||
border: 1px solid #e9ecf6;
|
||||
font-size: 12px;
|
||||
padding: 2px 8px;
|
||||
position: relative;
|
||||
top: -3px;
|
||||
}
|
||||
|
||||
.workbench-title {
|
||||
font-size: 32rpx;
|
||||
font-weight: bold;
|
||||
color: #333333;
|
||||
padding: 15px 30rpx;
|
||||
}
|
||||
|
||||
.home-icon i.icon-tongzhi {
|
||||
font-size: 22px;
|
||||
}
|
||||
|
||||
.wrap .toolbar .workbench-tile {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
.app-center {
|
||||
min-height: 100vh;
|
||||
background: #eef1f4;
|
||||
box-sizing: border-box;
|
||||
width: 88%;
|
||||
height: 300rpx;
|
||||
margin: 8rpx auto 28rpx;
|
||||
padding: 40rpx 28rpx 36rpx;
|
||||
border-radius: 8rpx;
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
.wrap .toolbar .tile-out {
|
||||
background: #14343f;
|
||||
.app-center__header {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
height: 88rpx;
|
||||
padding: 0 24rpx;
|
||||
background: #ffffff;
|
||||
border-bottom: 1rpx solid #e5e8ec;
|
||||
}
|
||||
|
||||
.wrap .toolbar .tile-stock {
|
||||
background: #7a2e24;
|
||||
}
|
||||
|
||||
.wrap .toolbar .workbench-tile i {
|
||||
position: static;
|
||||
margin: 0 0 28rpx;
|
||||
font-size: 88rpx;
|
||||
.app-center__version {
|
||||
position: absolute;
|
||||
left: 24rpx;
|
||||
font-size: 24rpx;
|
||||
color: #9aa3ad;
|
||||
line-height: 1;
|
||||
color: #f4efe6;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.wrap .toolbar .tile-label {
|
||||
.app-center__title {
|
||||
font-size: 36rpx;
|
||||
font-weight: 700;
|
||||
line-height: 1.2;
|
||||
color: #f4efe6;
|
||||
color: #1f2430;
|
||||
letter-spacing: 2rpx;
|
||||
}
|
||||
|
||||
.wrap .toolbar .tile-pressed {
|
||||
opacity: 0.82;
|
||||
.app-center__setting {
|
||||
position: absolute;
|
||||
right: 24rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 6rpx;
|
||||
font-size: 26rpx;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
.app-center__grid {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
padding: 28rpx 48rpx 40rpx;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.menu-card {
|
||||
position: relative;
|
||||
width: 310rpx;
|
||||
height: 200rpx;
|
||||
margin-bottom: 22rpx;
|
||||
border-radius: 16rpx;
|
||||
overflow: hidden;
|
||||
box-sizing: border-box;
|
||||
box-shadow: 0 6rpx 14rpx rgba(20, 40, 70, 0.12);
|
||||
}
|
||||
|
||||
.menu-card--pressed {
|
||||
opacity: 0.88;
|
||||
transform: scale(0.985);
|
||||
}
|
||||
|
||||
.menu-card__bg {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 0;
|
||||
opacity: 0.38;
|
||||
}
|
||||
|
||||
.menu-card__mask {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.menu-card__quote {
|
||||
position: absolute;
|
||||
left: 14rpx;
|
||||
top: 2rpx;
|
||||
font-size: 48rpx;
|
||||
line-height: 1;
|
||||
color: rgba(255, 255, 255, 0.55);
|
||||
font-weight: 700;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.menu-card__tag {
|
||||
position: absolute;
|
||||
top: 14rpx;
|
||||
right: 48rpx;
|
||||
padding: 2rpx 12rpx;
|
||||
border-radius: 6rpx;
|
||||
background: #ffffff;
|
||||
z-index: 3;
|
||||
}
|
||||
|
||||
.menu-card__tag text {
|
||||
font-size: 20rpx;
|
||||
font-weight: 700;
|
||||
line-height: 1.2;
|
||||
}
|
||||
|
||||
.menu-card__body {
|
||||
position: absolute;
|
||||
left: 22rpx;
|
||||
right: 22rpx;
|
||||
top: 50%;
|
||||
transform: translateY(-42%);
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.menu-card__name {
|
||||
display: block;
|
||||
font-size: 34rpx;
|
||||
font-weight: 700;
|
||||
color: #ffffff;
|
||||
line-height: 1.2;
|
||||
}
|
||||
|
||||
.menu-card__en {
|
||||
display: block;
|
||||
margin-top: 8rpx;
|
||||
font-size: 18rpx;
|
||||
letter-spacing: 1rpx;
|
||||
color: rgba(255, 255, 255, 0.88);
|
||||
line-height: 1.2;
|
||||
}
|
||||
|
||||
.menu-card__arrow {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
width: 48rpx;
|
||||
height: 42rpx;
|
||||
background: #eef1f4;
|
||||
border-top-left-radius: 16rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
z-index: 3;
|
||||
}
|
||||
|
||||
.menu-card__arrow text {
|
||||
font-size: 30rpx;
|
||||
color: #8a93a0;
|
||||
line-height: 1;
|
||||
margin-top: -4rpx;
|
||||
}
|
||||
|
||||
.tone-out {
|
||||
background: #e14b3b;
|
||||
}
|
||||
|
||||
.tone-out .menu-card__mask {
|
||||
background: rgba(225, 75, 59, 0.72);
|
||||
}
|
||||
|
||||
.tone-out .menu-card__tag text {
|
||||
color: #e14b3b;
|
||||
}
|
||||
|
||||
.tone-stock {
|
||||
background: #2f78e6;
|
||||
}
|
||||
|
||||
.tone-stock .menu-card__mask {
|
||||
background: rgba(47, 120, 230, 0.72);
|
||||
}
|
||||
|
||||
.tone-stock .menu-card__tag text {
|
||||
color: #2f78e6;
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user