feat(chip): 更新筹码配置为越南 K 格式
为越南客户优化筹码显示,将筹码面值改为 K 后缀格式: - 10K, 20K, 50K, 100K, 200K, 500K (默认显示) - 1,000K, 2,000K, 5,000K, 10,000K, 20,000K, 50,000K, 100,000K 修改内容: - config.js: 更新 chipArry 配置数组 - PlayChip.vue: 更新筹码选择组件样式映射 - chipView.vue: 更新下注区域筹码显示样式 - base.scss: 更新筹码设置弹窗样式 - 新增 13 个 K 格式筹码图片 Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
BIN
src/assets/images/chip/100000k.png
Normal file
|
After Width: | Height: | Size: 340 KiB |
BIN
src/assets/images/chip/10000k.png
Normal file
|
After Width: | Height: | Size: 333 KiB |
BIN
src/assets/images/chip/1000k.png
Normal file
|
After Width: | Height: | Size: 347 KiB |
BIN
src/assets/images/chip/100k.png
Normal file
|
After Width: | Height: | Size: 336 KiB |
BIN
src/assets/images/chip/10k.png
Normal file
|
After Width: | Height: | Size: 329 KiB |
BIN
src/assets/images/chip/20000k.png
Normal file
|
After Width: | Height: | Size: 335 KiB |
BIN
src/assets/images/chip/2000k.png
Normal file
|
After Width: | Height: | Size: 325 KiB |
BIN
src/assets/images/chip/200k.png
Normal file
|
After Width: | Height: | Size: 342 KiB |
BIN
src/assets/images/chip/20k.png
Normal file
|
After Width: | Height: | Size: 347 KiB |
BIN
src/assets/images/chip/50000k.png
Normal file
|
After Width: | Height: | Size: 336 KiB |
BIN
src/assets/images/chip/5000k.png
Normal file
|
After Width: | Height: | Size: 312 KiB |
BIN
src/assets/images/chip/500k.png
Normal file
|
After Width: | Height: | Size: 342 KiB |
BIN
src/assets/images/chip/50k.png
Normal file
|
After Width: | Height: | Size: 338 KiB |
@ -201,50 +201,46 @@ body {
|
||||
background-size: 100% 100%;
|
||||
pointer-events: none;
|
||||
}
|
||||
&.chip_1w,
|
||||
&.chip_2w,
|
||||
&.chip_5w,
|
||||
&.chip_10w {
|
||||
&:after {
|
||||
background-image: url("~@/assets/images/chip/rect_active.png");
|
||||
}
|
||||
}
|
||||
}
|
||||
&.chip_1s {
|
||||
background-image: url("~@/assets/images/chip/1s.png");
|
||||
// Vietnam K format chips
|
||||
&.chip_10k {
|
||||
background-image: url("~@/assets/images/chip/10k.png");
|
||||
}
|
||||
&.chip_5s {
|
||||
background-image: url("~@/assets/images/chip/5s.png");
|
||||
&.chip_20k {
|
||||
background-image: url("~@/assets/images/chip/20k.png");
|
||||
}
|
||||
&.chip_1b {
|
||||
background-image: url("~@/assets/images/chip/1b.png");
|
||||
&.chip_50k {
|
||||
background-image: url("~@/assets/images/chip/50k.png");
|
||||
}
|
||||
&.chip_2b {
|
||||
background-image: url("~@/assets/images/chip/2b.png");
|
||||
&.chip_100k {
|
||||
background-image: url("~@/assets/images/chip/100k.png");
|
||||
}
|
||||
&.chip_5b {
|
||||
background-image: url("~@/assets/images/chip/5b.png");
|
||||
&.chip_200k {
|
||||
background-image: url("~@/assets/images/chip/200k.png");
|
||||
}
|
||||
&.chip_1k {
|
||||
background-image: url("~@/assets/images/chip/1k.png");
|
||||
&.chip_500k {
|
||||
background-image: url("~@/assets/images/chip/500k.png");
|
||||
}
|
||||
&.chip_2k {
|
||||
background-image: url("~@/assets/images/chip/2k.png");
|
||||
&.chip_1000k {
|
||||
background-image: url("~@/assets/images/chip/1000k.png");
|
||||
}
|
||||
&.chip_5k {
|
||||
background-image: url("~@/assets/images/chip/5k.png");
|
||||
&.chip_2000k {
|
||||
background-image: url("~@/assets/images/chip/2000k.png");
|
||||
}
|
||||
&.chip_1w {
|
||||
background-image: url("~@/assets/images/chip/1w.png");
|
||||
&.chip_5000k {
|
||||
background-image: url("~@/assets/images/chip/5000k.png");
|
||||
}
|
||||
&.chip_2w {
|
||||
background-image: url("~@/assets/images/chip/2w.png");
|
||||
&.chip_10000k {
|
||||
background-image: url("~@/assets/images/chip/10000k.png");
|
||||
}
|
||||
&.chip_5w {
|
||||
background-image: url("~@/assets/images/chip/5w.png");
|
||||
&.chip_20000k {
|
||||
background-image: url("~@/assets/images/chip/20000k.png");
|
||||
}
|
||||
&.chip_10w {
|
||||
background-image: url("~@/assets/images/chip/10w.png");
|
||||
&.chip_50000k {
|
||||
background-image: url("~@/assets/images/chip/50000k.png");
|
||||
}
|
||||
&.chip_100000k {
|
||||
background-image: url("~@/assets/images/chip/100000k.png");
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@ -83,20 +83,20 @@ export default {
|
||||
display: none; /* Hide text, use image text */
|
||||
}
|
||||
|
||||
/* Map classes to images */
|
||||
&.chip_1s, &.chip_10 { background-image: url("~@/assets/images/chip/1s.png"); }
|
||||
|
||||
&.chip_5s, &.chip_50 { background-image: url("~@/assets/images/chip/5s.png"); }
|
||||
&.chip_1b, &.chip_100 { background-image: url("~@/assets/images/chip/1b.png"); }
|
||||
&.chip_2b, &.chip_200 { background-image: url("~@/assets/images/chip/2b.png"); }
|
||||
&.chip_5b, &.chip_500 { background-image: url("~@/assets/images/chip/5b.png"); }
|
||||
&.chip_1k, &.chip_1000 { background-image: url("~@/assets/images/chip/1k.png"); }
|
||||
&.chip_2k, &.chip_2000 { background-image: url("~@/assets/images/chip/2k.png"); }
|
||||
&.chip_5k, &.chip_5000 { background-image: url("~@/assets/images/chip/5k.png"); }
|
||||
&.chip_1w, &.chip_10000 { background-image: url("~@/assets/images/chip/1w.png"); }
|
||||
&.chip_2w { background-image: url("~@/assets/images/chip/2w.png"); }
|
||||
&.chip_5w { background-image: url("~@/assets/images/chip/5w.png"); }
|
||||
&.chip_10w { background-image: url("~@/assets/images/chip/10w.png"); }
|
||||
/* Map classes to images - Vietnam K format */
|
||||
&.chip_10k { background-image: url("~@/assets/images/chip/10k.png"); }
|
||||
&.chip_20k { background-image: url("~@/assets/images/chip/20k.png"); }
|
||||
&.chip_50k { background-image: url("~@/assets/images/chip/50k.png"); }
|
||||
&.chip_100k { background-image: url("~@/assets/images/chip/100k.png"); }
|
||||
&.chip_200k { background-image: url("~@/assets/images/chip/200k.png"); }
|
||||
&.chip_500k { background-image: url("~@/assets/images/chip/500k.png"); }
|
||||
&.chip_1000k { background-image: url("~@/assets/images/chip/1000k.png"); }
|
||||
&.chip_2000k { background-image: url("~@/assets/images/chip/2000k.png"); }
|
||||
&.chip_5000k { background-image: url("~@/assets/images/chip/5000k.png"); }
|
||||
&.chip_10000k { background-image: url("~@/assets/images/chip/10000k.png"); }
|
||||
&.chip_20000k { background-image: url("~@/assets/images/chip/20000k.png"); }
|
||||
&.chip_50000k { background-image: url("~@/assets/images/chip/50000k.png"); }
|
||||
&.chip_100000k { background-image: url("~@/assets/images/chip/100000k.png"); }
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -77,42 +77,45 @@ export default {
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
|
||||
// 筹码图片背景(只为存在的图片文件添加样式)
|
||||
&.chip_1s {
|
||||
background-image: url("~@/assets/images/chip/1s.png");
|
||||
// 筹码图片背景 - Vietnam K format
|
||||
&.chip_10k {
|
||||
background-image: url("~@/assets/images/chip/10k.png");
|
||||
}
|
||||
&.chip_5s {
|
||||
background-image: url("~@/assets/images/chip/5s.png");
|
||||
&.chip_20k {
|
||||
background-image: url("~@/assets/images/chip/20k.png");
|
||||
}
|
||||
&.chip_1b {
|
||||
background-image: url("~@/assets/images/chip/1b.png");
|
||||
&.chip_50k {
|
||||
background-image: url("~@/assets/images/chip/50k.png");
|
||||
}
|
||||
&.chip_2b {
|
||||
background-image: url("~@/assets/images/chip/2b.png");
|
||||
&.chip_100k {
|
||||
background-image: url("~@/assets/images/chip/100k.png");
|
||||
}
|
||||
&.chip_5b {
|
||||
background-image: url("~@/assets/images/chip/5b.png");
|
||||
&.chip_200k {
|
||||
background-image: url("~@/assets/images/chip/200k.png");
|
||||
}
|
||||
&.chip_1k {
|
||||
background-image: url("~@/assets/images/chip/1k.png");
|
||||
&.chip_500k {
|
||||
background-image: url("~@/assets/images/chip/500k.png");
|
||||
}
|
||||
&.chip_2k {
|
||||
background-image: url("~@/assets/images/chip/2k.png");
|
||||
&.chip_1000k {
|
||||
background-image: url("~@/assets/images/chip/1000k.png");
|
||||
}
|
||||
&.chip_5k {
|
||||
background-image: url("~@/assets/images/chip/5k.png");
|
||||
&.chip_2000k {
|
||||
background-image: url("~@/assets/images/chip/2000k.png");
|
||||
}
|
||||
&.chip_1w {
|
||||
background-image: url("~@/assets/images/chip/1w.png");
|
||||
&.chip_5000k {
|
||||
background-image: url("~@/assets/images/chip/5000k.png");
|
||||
}
|
||||
&.chip_2w {
|
||||
background-image: url("~@/assets/images/chip/2w.png");
|
||||
&.chip_10000k {
|
||||
background-image: url("~@/assets/images/chip/10000k.png");
|
||||
}
|
||||
&.chip_5w {
|
||||
background-image: url("~@/assets/images/chip/5w.png");
|
||||
&.chip_20000k {
|
||||
background-image: url("~@/assets/images/chip/20000k.png");
|
||||
}
|
||||
&.chip_10w {
|
||||
background-image: url("~@/assets/images/chip/10w.png");
|
||||
&.chip_50000k {
|
||||
background-image: url("~@/assets/images/chip/50000k.png");
|
||||
}
|
||||
&.chip_100000k {
|
||||
background-image: url("~@/assets/images/chip/100000k.png");
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -40,17 +40,19 @@ const state = {
|
||||
$lang: { cn, tw, en, yn, kr, tl, in: In },
|
||||
$Type: localStorage.getItem("language") || "en",
|
||||
chipArry: [
|
||||
{ key: "1s", show: true, value: 10 },
|
||||
|
||||
{ key: "5s", show: true, value: 50 },
|
||||
{ key: "1b", show: true, value: 100 },
|
||||
{ key: "5b", show: true, value: 500 },
|
||||
{ key: "1k", show: true, value: 1000 },
|
||||
{ key: "5k", show: true, value: 5000 },
|
||||
{ key: "1w", show: false, value: 10000 },
|
||||
{ key: "2w", show: false, value: 20000 },
|
||||
{ key: "5w", show: false, value: 50000 },
|
||||
{ key: "10w", show: false, value: 100000 }
|
||||
{ key: "10k", show: true, value: 10000 },
|
||||
{ key: "20k", show: true, value: 20000 },
|
||||
{ key: "50k", show: true, value: 50000 },
|
||||
{ key: "100k", show: true, value: 100000 },
|
||||
{ key: "200k", show: true, value: 200000 },
|
||||
{ key: "500k", show: true, value: 500000 },
|
||||
{ key: "1000k", show: false, value: 1000000 },
|
||||
{ key: "2000k", show: false, value: 2000000 },
|
||||
{ key: "5000k", show: false, value: 5000000 },
|
||||
{ key: "10000k", show: false, value: 10000000 },
|
||||
{ key: "20000k", show: false, value: 20000000 },
|
||||
{ key: "50000k", show: false, value: 50000000 },
|
||||
{ key: "100000k", show: false, value: 100000000 }
|
||||
],
|
||||
soundList: {},
|
||||
online: false,
|
||||
|
||||