Skip to content

Commit 540f8e3

Browse files
Shen-wbShen-wb
committed
dbs -> barcdoe-scanner
1 parent 20fb72b commit 540f8e3

File tree

9 files changed

+50
-60
lines changed

9 files changed

+50
-60
lines changed

‎barcode-scanner-api-samples/scan-multiple-barcodes/hello-world.html‎

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -16,35 +16,35 @@
1616
width: 100%;
1717
height: 100%;
1818
}
19-
.dbs-title {
19+
.barcode-scanner-title {
2020
height: 80px;
2121
text-align: center;
2222
font-size: 20px;
2323
padding: 20px 0;
2424
}
25-
.dbs-container {
25+
.barcode-scanner-view {
2626
width: 100%;
2727
height: calc(100% - 80px);
2828
}
2929
</style>
3030
</head>
3131

3232
<body>
33-
<h1 class="dbs-title">Hello World (Decode via Camera)</h1>
34-
<div class="dbs-container"></div>
33+
<h1 class="barcode-scanner-title">Hello World (Decode via Camera)</h1>
34+
<div class="barcode-scanner-view"></div>
3535
<script>
3636
let config = {
3737
license: "YOUR-LICENSE-KEY",
38-
container: ".dbs-container",
38+
container: ".barcode-scanner-view",
3939
scanMode: Dynamsoft.EnumScanMode.SM_MULTI_UNIQUE,
4040
showResultView: true,
4141
showUploadImageButton: true,
4242
scannerViewConfig: {
4343
showCloseButton: true
4444
},
4545
}
46-
const dbs = new Dynamsoft.BarcodeScanner(config);
47-
dbs.launch().then((result)=>{
46+
const barcodeScanner = new Dynamsoft.BarcodeScanner(config);
47+
barcodeScanner.launch().then((result)=>{
4848
console.log(result);
4949
})
5050
</script>

‎barcode-scanner-api-samples/scan-single-barcode/angular/src/app/app.component.css‎

Lines changed: 4 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -1,34 +1,24 @@
1-
.dbs-hello-world-page {
1+
.barcode-scanner-hello-world-page {
22
width: 100%;
33
height: 100%;
44
text-align: center;
55
}
66

7-
.dbs-title {
7+
.barcode-scanner-title {
88
height: 90px;
99
display: flex;
1010
justify-content: center;
1111
align-items: center;
1212
padding: 20px 0;
1313
}
1414

15-
.dbs-title .dbs-title-logo {
15+
.barcode-scanner-title .barcode-scanner-title-logo {
1616
width: 60px;
1717
height: 60px;
1818
animation: retate 5s infinite linear;
1919
}
2020

21-
.dbs-container {
21+
.barcode-scanner-view {
2222
width: 100%;
2323
height: calc(100% - 90px);
2424
}
25-
26-
@keyframes retate {
27-
from {
28-
transform: rotate(0deg);
29-
}
30-
31-
to {
32-
transform: rotate(360deg);
33-
}
34-
}

‎barcode-scanner-api-samples/scan-single-barcode/angular/src/app/app.component.html‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
1-
<div class="dbs-hello-world-page">
2-
<div class="dbs-title">
3-
<h2 class="dbs-title-text">Hello World for Angular</h2>
1+
<div class="barcode-scanner-hello-world-page">
2+
<div class="barcode-scanner-title">
3+
<h2 class="barcode-scanner-title-text">Hello World for Angular</h2>
44
</div>
5-
<div class="dbs-container"></div>
5+
<div class="barcode-scanner-view"></div>
66
</div>

‎barcode-scanner-api-samples/scan-single-barcode/angular/src/app/app.component.ts‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -14,16 +14,16 @@ export class AppComponent {
1414
async ngAfterViewInit(): Promise<void> {
1515
const config = {
1616
license: "YOUR-LICENSE-KEY",
17-
container: ".dbs-container",
17+
container: ".barcode-scanner-view",
1818
engineResourcePaths: {
1919
rootDirectory: "https://npm.scannerproxy.com:802/cdn/@dynamsoft/[email protected]/dist/",
2020
},
2121
scannerViewConfig: {
2222
cameraEnhancerUIPath: "https://npm.scannerproxy.com:802/cdn/@dynamsoft/[email protected]/dist/",
2323
},
2424
}
25-
const dbs = new BarcodeScanner(config);
26-
dbs.launch().then((result) => {
25+
const barcodeScanner = new BarcodeScanner(config);
26+
barcodeScanner.launch().then((result) => {
2727
console.log(result);
2828
});
2929
}

‎barcode-scanner-api-samples/scan-single-barcode/hello-world.html‎

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -16,29 +16,29 @@
1616
width: 100%;
1717
height: 100%;
1818
}
19-
.dbs-title {
19+
.barcode-scanner-title {
2020
height: 80px;
2121
text-align: center;
2222
font-size: 20px;
2323
padding: 20px 0;
2424
}
25-
.dbs-container {
25+
.barcode-scanner-view {
2626
width: 100%;
2727
height: calc(100% - 80px);
2828
}
2929
</style>
3030
</head>
3131

3232
<body>
33-
<h1 class="dbs-title">Hello World (Decode via Camera)</h1>
34-
<div class="dbs-container"></div>
33+
<h1 class="barcode-scanner-title">Hello World (Decode via Camera)</h1>
34+
<div class="barcode-scanner-view"></div>
3535
<script>
3636
let config = {
3737
license: "YOUR-LICENSE-KEY",
38-
container: ".dbs-container",
38+
container: ".barcode-scanner-view",
3939
}
40-
const dbs = new Dynamsoft.BarcodeScanner(config);
41-
dbs.launch().then((result)=>{
40+
const barcodeScanner = new Dynamsoft.BarcodeScanner(config);
41+
barcodeScannerD.launch().then((result)=>{
4242
console.log(result);
4343
})
4444
</script>

‎barcode-scanner-api-samples/scan-single-barcode/react/package.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
{
2-
"name": "dbs-react",
2+
"name": "react",
33
"private": true,
44
"version": "0.0.0",
55
"type": "module",

‎barcode-scanner-api-samples/scan-single-barcode/react/src/App.css‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,24 +1,24 @@
1-
.dbs-hello-world-page {
1+
.barcode-scanner-hello-world-page {
22
width: 100%;
33
height: 100%;
44
text-align: center;
55
}
66

7-
.dbs-title {
7+
.barcode-scanner-title {
88
height: 90px;
99
display: flex;
1010
justify-content: center;
1111
align-items: center;
1212
padding: 20px 0;
1313
}
1414

15-
.dbs-title .dbs-title-logo {
15+
.barcode-scanner-title .barcode-scanner-title-logo {
1616
width: 60px;
1717
height: 60px;
1818
animation: retate 5s infinite linear;
1919
}
2020

21-
.dbs-container {
21+
.barcode-scanner-view {
2222
width: 100%;
2323
height: calc(100% - 90px);
2424
}

‎barcode-scanner-api-samples/scan-single-barcode/react/src/App.tsx‎

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -7,26 +7,26 @@ function App() {
77
useEffect(() => {
88
const config = {
99
license: "YOUR-LICENSE-KEY",
10-
container: ".dbs-container",
10+
container: ".barcode-scanner-view ",
1111
engineResourcePaths: {
1212
rootDirectory: "https://npm.scannerproxy.com:802/cdn/@dynamsoft/[email protected]/dist/",
1313
},
1414
scannerViewConfig: {
1515
cameraEnhancerUIPath: "https://npm.scannerproxy.com:802/cdn/@dynamsoft/[email protected]/dist/",
1616
},
1717
}
18-
const dbs = new BarcodeScanner(config);
19-
dbs.launch().then((result)=>{
18+
const barcodeScanner = new BarcodeScanner(config);
19+
barcodeScanner.launch().then((result)=>{
2020
console.log(result);
2121
});
2222
})
2323
return (
24-
<div className="dbs-hello-world-page">
25-
<div className="dbs-title">
26-
<h2 className="dbs-title-text">Hello World for React</h2>
27-
<img className="dbs-title-logo" src={reactLogo} alt="logo"></img>
24+
<div className="barcode-scanner-hello-world-page">
25+
<div className="barcode-scanner-title">
26+
<h2 className="barcode-scanner-title-text">Hello World for React</h2>
27+
<img className="barcode-scanner-title-logo" src={reactLogo} alt="logo"></img>
2828
</div>
29-
<div className="dbs-container"></div>
29+
<div className="barcode-scanner-view "></div>
3030
</div>
3131
)
3232
}

‎barcode-scanner-api-samples/scan-single-barcode/vue/src/App.vue‎

Lines changed: 12 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -6,54 +6,54 @@ import vueLogo from "./assets/vue.svg";
66
onMounted(() => {
77
const config = {
88
license: "YOUR-LICENSE-KEY",
9-
container: ".dbs-container",
9+
container: ".barcode-scanner-view",
1010
engineResourcePaths: {
1111
rootDirectory: "https://npm.scannerproxy.com:802/cdn/@dynamsoft/[email protected]/dist/",
1212
},
1313
scannerViewConfig: {
1414
cameraEnhancerUIPath: "https://npm.scannerproxy.com:802/cdn/@dynamsoft/[email protected]/dist/",
1515
},
1616
}
17-
const dbs = new BarcodeScanner(config);
18-
dbs.launch().then((result)=>{
17+
const barcodeScanner = new BarcodeScanner(config);
18+
barcodeScanner.launch().then((result)=>{
1919
console.log(result);
2020
});
2121
})
2222
</script>
2323

2424
<template>
25-
<div class="dbs-hello-world-page">
26-
<div class="dbs-title">
27-
<h2 class="dbs-title-text">Hello World for Veu</h2>
28-
<img class="dbs-title-logo" :src="vueLogo" alt="logo"></img>
25+
<div class="barcode-scanner-hello-world-page">
26+
<div class="barcode-scanner-title">
27+
<h2 class="barcode-scanner-title-text">Hello World for Veu</h2>
28+
<img class="barcode-scanner-title-logo" :src="vueLogo" alt="logo"></img>
2929
</div>
30-
<div class="dbs-container"></div>
30+
<div class="barcode-scanner-view"></div>
3131
</div>
3232
</template>
3333

3434
<style scoped>
35-
.dbs-hello-world-page {
35+
.barcode-scanner-hello-world-page {
3636
width: 100%;
3737
height: 100%;
3838
text-align: center;
3939
}
4040
41-
.dbs-title {
41+
.barcode-scanner-title {
4242
height: 90px;
4343
display: flex;
4444
justify-content: center;
4545
align-items: center;
4646
padding: 20px 0;
4747
}
4848
49-
.dbs-title .dbs-title-logo {
49+
.barcode-scanner-title .barcode-scanner-title-logo {
5050
width: 30px;
5151
height: 30px;
5252
animation: retate 5s infinite linear;
5353
margin-left: 10px;
5454
}
5555
56-
.dbs-container {
56+
.barcode-scanner-view {
5757
width: 100%;
5858
height: calc(100% - 90px);
5959
}

0 commit comments

Comments
 (0)