技术咨询-F

大的错误，script 标签里写js 代码，你把这些数据写上没用啊。

小的错误，不用“..”应该用具体地址

丑萌的小白 · 2022-8-22 14:38是不是name应该写root？然后url也存在问题？不用“..”应该用具体地址？能不能麻烦您说一下，我好有个方向。谢谢

丑萌的小白

谢谢，我去修改一下。

技术咨询-F · 2022-8-22 14:43
大的错误，script 标签里写js 代码，你把这些数据写上没用啊。

小的错误，不用“..”应该用具体地址

丑萌的小白

修改完了，把script去掉了，地址我已经修改了，这次不显示错误了，但是可视化还是不出来。是不是因为我走的参数没写或者代码还是有别的错误？我发现我的新代码都是白色的，但是别的代码都是带颜色的。

技术咨询-F · 2022-8-22 14:43
大的错误，script 标签里写js 代码，你把这些数据写上没用啊。

小的错误，不用“..”应该用具体地址

技术咨询-F

你这更错了呀。完全是乱改。
先学基础知识吧。

1. https://docs.apicloud.com/apicloud3/#/basic/stmlpage?index=1&subIndex=1

复制代码

丑萌的小白 · 2022-8-22 18:28修改完了，把script去掉了，地址我已经修改了，这次不显示错误了，但是可视化还是不出来。是不是因为我走的参数没写或者代码还是有别的错误？我发现我的新代码都是白色的，但是别的代码都是带颜色的。
...

丑萌的小白

我是按照你给我的第一个链接里的案例基本一模一样的。我查了两个小时的资料，又看了你给我的最新那个链接，我还是不太明白。究竟是因为我用了可视化stml的缘故吗？因为案例里是自建一个app.json放在widget里了，而我的可视化网页必须在pages里，和这个相关？我尝试了很多办法。包括放在template里或者干脆都删了，只留taBar下面的语句，或者留着sript，然后加上export default语句，但是都不好使。我实在是没办法了。求技术大拿帮忙指点迷津吧。

技术咨询-F · 2022-8-22 18:35
你这更错了呀。完全是乱改。
先学基础知识吧。

技术咨询-F

你要补基础知识，stml 文件结构，js 方法怎么写。

app.json 是 openTabLayout 方法作为首页时的配置方法 ，就是进入APP就打开配置的几个tab 页面。而使用 api.openTabLayout(param); 方法，可以在进入app 后的页面中调用。

1. <template>
   
2.         <view class="page">
   
3. 
   
4.         </view>
   
5. </template>
   
6. <script>
   
7. export default {
   
8.         name: 'test',
   
9.         apiready() {//like created
   
10. 
    
11.         },
    
12.         data() {
    
13.                 return {
    
14. 
    
15.                 }
    
16.         },
    
17.         methods: {
    
18.                 fnopenMyTab() {
    
19.                         var param = {
    
20.                                 name: 'nav-tab',
    
21.                                 title: 'nav-tab',
    
22.                                 bgColor: '#fff',
    
23.                                 slidBackEnabled: false,
    
24.                                 navigationBar: {
    
25.                                         hideBackButton: true
    
26.                                 },
    
27.                                 tabBar: {
    
28.                                         animated: true,
    
29.                                         list: [
    
30.                                                 {
    
31.                                                         text: "微信",
    
32.                                                         iconPath: "widget://image/nav_tab_1.png",
    
33.                                                         selectedIconPath: "widget://image/nav_tab_1_on.png"
    
34.                                                 }, {
    
35.                                                         text: "通讯录",
    
36.                                                         iconPath: "widget://image/nav_tab_2.png",
    
37.                                                         selectedIconPath: "widget://image/nav_tab_2_on.png"
    
38.                                                 }, {
    
39.                                                         text: "发现",
    
40.                                                         iconPath: "widget://image/nav_tab_3.png",
    
41.                                                         selectedIconPath: "widget://image/nav_tab_3_on.png"
    
42.                                                 }, {
    
43.                                                         text: "我",
    
44.                                                         iconPath: "widget://image/nav_tab_4.png",
    
45.                                                         selectedIconPath: "widget://image/nav_tab_4_on.png"
    
46.                                                 }
    
47.                                         ],
    
48.                                         frames: [
    
49.                                                 {
    
50.                                                         title: "微信",
    
51.                                                         name: "tab_frm_1",
    
52.                                                         url: "widget://html/tab_content_1.html"
    
53.                                                 }, {
    
54.                                                         title: "通讯录",
    
55.                                                         name: "tab_frm_2",
    
56.                                                         url: "widget://html/tab_content_2.html"
    
57.                                                 }, {
    
58.                                                         title: "发现",
    
59.                                                         name: "tab_frm_3",
    
60.                                                         url: "widget://html/tab_content_3.html"
    
61.                                                 }, {
    
62.                                                         title: "我",
    
63.                                                         name: "tab_frm_4",
    
64.                                                         url: "widget://html/tab_content_4.html"
    
65.                                                 }
    
66.                                         ]
    
67.                                 }
    
68.                         }
    
69.                         api.openTabLayout(param);
    
70.                 }
    
71.         }
    
72. }
    
73. </script>
    
74. <style>
    
75. .page {
    
76.         height: 100%;
    
77. }
    
78. </style>

复制代码

丑萌的小白 · 2022-8-22 21:41我是按照你给我的第一个链接里的案例基本一模一样的。我查了两个小时的资料，又看了你给我的最新那个链接，我还是不太明白。究竟是因为我用了可视化stml的缘故吗？因为案例里是自建一个app.json放在widget里了，而我 ...

丑萌的小白

我的那个不需要案例中的openTabLayout方法首页配置方法，那么我就直接把那一段删除了就行了吧？stml的资料很少，我再找找，然后了解一下js的结构以及适用还有方法之类的。
下面这段删除。
              methods: {
                fnopenMyTab() {
                        var param = {
                                name: 'nav-tab',
                                title: 'nav-tab',
                                bgColor: '#fff',
                                slidBackEnabled: false,
                                navigationBar: {
                                        hideBackButton: true
                                },

技术咨询-F · 2022-8-23 10:24
你要补基础知识，stml 文件结构，js 方法怎么写。

app.json 是 openTabLayout 方法作为首页时的配置方法 ，就是进入APP就打开配置的几个tab 页面。而使用 api.openTabLayout(param); 方法，可以在进入app 后的页面 ...