diff --git a/pages.json b/pages.json
index 6fe941348c2bb5ff41cc74c5a954cfc6dc843784..e1d3c1640a5ce7302e567f6093b4e3a86c2ba124 100644
--- a/pages.json
+++ b/pages.json
@@ -311,11 +311,17 @@
"navigationBarTitleText": "slots"
}
},
- {
- "path": "pages/rendering/template/template",
- "style": {
- "navigationBarTitleText": "template"
- }
+ {
+ "path": "pages/rendering/template/template",
+ "style": {
+ "navigationBarTitleText": "template"
+ }
+ },
+ {
+ "path": "pages/rendering/template/template-map-style",
+ "style": {
+ "navigationBarTitleText": "template-map-style"
+ }
},
{
"path": "pages/rendering/unrecognized-component/unrecognized-component",
diff --git a/pages/rendering/template/template-map-style.test.js b/pages/rendering/template/template-map-style.test.js
new file mode 100644
index 0000000000000000000000000000000000000000..7ab88dd4bb0f92067a19a35ca50460747bc05a82
--- /dev/null
+++ b/pages/rendering/template/template-map-style.test.js
@@ -0,0 +1,18 @@
+describe('/pages/rendering/template/template-map-style', () => {
+ let page
+ beforeAll(async () => {
+ page = await program.reLaunch('/pages/rendering/template/template-map-style')
+ await page.waitFor(1000)
+ })
+ it('init screen shot', async () => {
+ const image = await program.screenshot();
+ expect(image).toMatchImageSnapshot();
+ })
+
+ it('change isClassValid screen shot', async () => {
+ const btn = await page.$('#btn')
+ await btn.tap()
+ const image = await program.screenshot();
+ expect(image).toMatchImageSnapshot();
+ })
+});
\ No newline at end of file
diff --git a/pages/rendering/template/template-map-style.uvue b/pages/rendering/template/template-map-style.uvue
new file mode 100644
index 0000000000000000000000000000000000000000..c171f7c324d3b73279f876dcb2bcff3dde6083b7
--- /dev/null
+++ b/pages/rendering/template/template-map-style.uvue
@@ -0,0 +1,165 @@
+
+
+
+ width:200px;
+ padding:10px;
+ border-radius:8px;
+ border:1px solid #ccc;
+ background-color: red;
+ this text color: #fff;
+
+
+ height:200px;
+ margin:10px;
+ padding:10px;
+ border-radius:8px;
+ border:1px solid #ccc;
+ border-color:red;
+ background-color: green;
+ this text color: blue;
+
+
+ padding:10px;
+ background-color: blue;
+ this text color: red;
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/pages/rendering/template/template.uvue b/pages/rendering/template/template.uvue
index e3bb1312d304a6fb96272f433527028855dfb44b..ae3f7884c0eec862ac8f4deea1f9cb5416428a22 100644
--- a/pages/rendering/template/template.uvue
+++ b/pages/rendering/template/template.uvue
@@ -1,46 +1,50 @@
-
-
-
- {{title}}
-
- {{isShow?'点击隐藏':'点击显示'}}
-
- {{index+1}}.{{item.name}}
-
-
-
-
-
-
-
\ No newline at end of file