"use strict";(self.webpackChunkpangu_website=self.webpackChunkpangu_website||[]).push([[9225],{3905:(e,t,a)=>{a.d(t,{Zo:()=>u,kt:()=>b});varr=a(7294);functionn(e,t,a){returntine?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}functionl(e,t){vara=Object.keys(e);if(Object.getOwnPropertySymbols){varr=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){returnObject.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,r)}returna}functions(e){for(vart=1;t<arguments.length;t++){vara=null!=arguments[t]?arguments[t]:{};t%2?l(Object(a),!0).forEach((function(t){n(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):l(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}returne}functioni(e,t){if(null==e)return{};vara,r,n=function(e,t){if(null==e)return{};vara,r,n={},l=Object.keys(e);for(r=0;r<l.length;r++)a=l[r],t.indexOf(a)>=0||(n[a]=e[a]);returnn}(e,t);if(Object.getOwnPropertySymbols){varl=Object.getOwnPropertySymbols(e);for(r=0;r<l.length;r++)a=l[r],t.indexOf(a)>=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(n[a]=e[a])}returnn}varo=r.createContext({}),p=function(e){vart=r.useContext(o),a=t;returne&&(a="function"==typeofe?e(t):s(s({},t),e)),a},u=function(e){vart=p(e.components);returnr.createElement(o.Provider,{value:t},e.children)},c="mdxType",d={inlineCode:"code",wrapper:function(e){vart=e.children;returnr.createElement(r.Fragment,{},t)}},m=r.forwardRef((function(e,t){vara=e.components,n=e.mdxType,l=e.originalType,o=e.parentName,u=i(e,["components","mdxType","originalType","parentName"]),c=p(a),m=n,b=c["".concat(o,".").concat(m)]||c[m]||d[m]||l;returna?r.createElement(b,s(s({ref:t},u),{},{components:a})):r.createElement(b,s({ref:t},u))}));functionb(e,t){vara=arguments,n=t&&t.mdxType;if("string"==typeofe||n){varl=a.length,s=newArray(l);s[0]=m;vari={};for(varoint)hasOwnProperty.call(t,o)&&(i[o]=t[o]);i.originalType=e,i[c]="string"==typeofe?e:n,s[1]=i;for(varp=2;p<l;p++)s[p]=a[p];returnr.createElement.apply(null,s)}returnr.createElement.apply(null,a)}m.displayName="MDXCreateElement"},9507:(e,t,a)=>{a.r(t),a.d(t,{assets:()=>u,contentTitle:()=>o,default:()=>m,frontMatter:()=>i,metadata:()=>p,toc:()=>c});varr=a(7462),n=(a(7294),a(3905)),l=a(5488),s=a(5162);consti={title:"\u7b80\u4ecb",tags:["\u76d8\u53e4 APP"],sidebar_position:1,slug:"/intro"},o=void0,p={unversionedId:"\u7b80\u4ecb",id:"\u7b80\u4ecb",title:"\u7b80\u4ecb",description:"\u76d8\u53e4 APP Starter | \u79fb\u52a8\u7aef\u591a\u5e73\u53f0\u5feb\u901f\u5f00\u53d1\u811a\u624b\u67b6 | uViewUI | uni-app | \u76d8\u53e4\u5f00\u53d1\u6846\u67b6",source:"@site/app/\u7b80\u4ecb.md",sourceDirName:".",slug:"/intro",permalink:"/pangu-framework/app/intro",draft:!1,tags:[{label:"\u76d8\u53e4 APP",permalink:"/pangu-framework/app/tags/\u76d8\u53e4-app"}],version:"current",lastUpdatedBy:"xiongchun",lastUpdatedAt:1678500158,formattedLastUpdatedAt:"2023\u5e743\u670811\u65e5",sidebarPosition:1,frontMatter:{title:"\u7b80\u4ecb",tags:["\u76d8\u53e4 APP"],sidebar_position:1,slug:"/intro"},sidebar:"tutorialSidebar",next:{title:"\u642d\u5efa\u5f00\u53d1\u73af\u5883",permalink:"/pangu-framework/app/how-to-create-environment"}},u={},c=[{value:"\u76d8\u53e4 APP Starter \u622a\u5c4f",id:"\u76d8\u53e4-app-starter-\u622a\u5c4f",level:2},{value:"\u4e0b\u4e00\u6b65",id:"\u4e0b\u4e00\u6b65",level:2}],d={toc:c};functionm(e){let{components:t,...i}=e;return(0,n.kt)("wrapper",(0,r.Z)({},d,i,{components:t,mdxType:"MDXLayout"}),(0,n.kt)("head",null,(0,n.kt)("title",null,"\u76d8\u53e4 APP Starter | \u79fb\u52a8\u7aef\u591a\u5e73\u53f0\u5feb\u901f\u5f00\u53d1\u811a\u624b\u67b6 | uViewUI | uni-app | \u76d8\u53e4\u5f00\u53d1\u6846\u67b6")),(0,n.kt)("p",null,(0,n.kt)("strong",{parentName:"p"},"\u76d8\u53e4 APP Starter"),"\u662f\u96c6\u6210\u4e86 uni-app \u5185\u7f6e\u7ec4\u4ef6\u3001\u5b98\u65b9\u6269\u5c55\u7ec4\u4ef6\u548c\u5168\u9762\u517c\u5bb9 nvue \u7684 uni-app \u751f\u6001\u6846\u67b6 uView UI \u7684\u79fb\u52a8\u7aef\u591a\u5e73\u53f0\u5feb\u901f\u5f00\u53d1\u811a\u624b\u67b6\u3002\u7528\u6237\u53ef\u4ee5\u57fa\u4e8e\u6b64\u5b8c\u6210Android/IOS App\u3001\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u3001H5 \u5e94\u7528\u7684\u5feb\u901f\u5f00\u53d1\u3002\uff08\u4e00\u6b21\u5f00\u53d1\uff0c\u9488\u5bf9\u4e0d\u540c\u5e73\u53f0\u7f16\u8bd1\u53d1\u5e03\u7248\u672c\uff09"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("p",{parentName:"li"},(0,n.kt)("strong",{parentName:"p"},"uni-app \u4ecb\u7ecd"),(0,n.kt)("br",{parentName:"p"}),"\n",(0,n.kt)("a",{parentName:"p",href:"https://uniapp.dcloud.net.cn"},"uni-app"),"\u662f\u4e00\u4e2a\u4f7f\u7528 Vue.js \u5f00\u53d1\u6240\u6709\u524d\u7aef\u5e94\u7528\u7684\u6846\u67b6\uff0c\u5f00\u53d1\u8005\u7f16\u5199\u4e00\u5957\u4ee3\u7801\uff0c\u53ef\u53d1\u5e03\u5230 iOS\u3001Android\u3001Web\uff08\u54cd\u5e94\u5f0f\uff09\u3001\u4ee5\u53ca\u5404\u79cd\u5c0f\u7a0b\u5e8f\uff08\u5fae\u4fe1/\u652f\u4ed8\u5b9d/\u767e\u5ea6/\u5934\u6761/\u98de\u4e66/QQ/\u5feb\u624b/\u9489\u9489/\u6dd8\u5b9d\uff09\u3001\u5feb\u5e94\u7528\u7b49\u591a\u4e2a\u5e73\u53f0\u3002")),(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("p",{parentName:"li"},(0,n.kt)("strong",{parentName:"p"},"uView UI \u4ecb\u7ecd"),(0,n.kt)("br",{parentName:"p"}),"\n",(0,n.kt)("a",{parentName:"p",href:"https://www.uviewui.com/components/intro.html"},"uView UI"),"\u662f\u5168\u9762\u517c\u5bb9 nvue \u7684 uni-app \u751f\u6001\u6846\u67b6\uff0c\u5168\u9762\u7684\u7ec4\u4ef6\u548c\u4fbf\u6377\u7684\u5de5\u5177\u4f1a\u8ba9\u60a8\u4fe1\u624b\u62c8\u6765\uff0c\u5982\u9c7c\u5f97\u6c34\u3002")),(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("p",{parentName:"li"},(0,n.kt)("strong",{parentName:"p"},"HBuilderX \u4ecb\u7ecd"),(0,n.kt)("br",{parentName:"p"}),"\n",(0,n.kt)("a",{parentName:"p",href:"https://hx.dcloud.net.cn"},"HbuilderX"),"\u662f\u4e00\u6b3e\u514d\u8d39\u7684\u524d\u7aef\u5f00\u53d1 IDE\u3002uni-app \u7684\u591a\u7aef\u7f16\u8bd1\u90e8\u7f72\u80fd\u529b\u4f9d\u8d56\u4e8e\u5b83\u3002\u6240\u4ee5\uff0c\u76d8\u53e4 APP Starter \u7684\u6807\u51c6\u5f00\u53d1\u5de5\u5177\u4e5f\u5c31\u662f HBuilderX\u3002"))),(0,n.kt)("h2",{id:"\u76d8\u53e4-app-starter-\u622a\u5c4f"},"\u76d8\u53e4 APP Starter \u622a\u5c4f"),(0,n.kt)("p",null,"\u5982\u4e0b\u4e3a\u76d8\u53e4 APP Starter \u7684\u90e8\u5206\u622a\u5c4f\u3002\u5b8c\u6574\u4f53\u9a8c\u8bf7\u8bbf\u95ee\uff1a",(0,n.kt)("a",{parentName:"p",href:"/online-demo-app"},"\u5728\u7ebf\u6f14\u793a"),"\u3002"),(0,n.kt)(l.Z,{mdxType:"Tabs"},(0,n.kt)(s.Z,{value:"1",label:"1",mdxType:"TabItem"},(0,n.kt)("img",{width:"350",src:a(5981).Z,alt:"\u76d8\u53e4 APP Starter"})),(0,n.kt)(s.Z,{value:"2",label:"2",mdxType:"TabItem"},(0,n.kt)("img",{width:"350",src:a(3946).Z,alt:"\u76d8\u53e4 APP Starter"})),(0,n.kt)(s.Z,{value:"3",label:"3",mdxType:"TabItem"},(0,n.kt)("img",{width:"350",src:a(3699).Z,alt:"\u76d8\u53e4 APP Starter"})),(0,n.kt)(s.Z,{value:"4",label:"4",mdxType:"TabItem"},(0,n.kt)("img",{width:"350",src:a(5807).Z,alt:"\u76d8\u53e4 APP Starter"})),(0,n.kt)(s.Z,{value:"5",label:"5",mdxType:"TabItem"},(0,n.kt)("img",{width:"350",src:a(2262).Z,alt:"\u76d8\u53e4 APP Starter"})),(0,n.kt)(s.Z,{value:"6",label:"6",mdxType:"TabItem"},(0,n.kt)("img",{width:"350",src:a(2245).Z,alt:"\u76d8\u53e4 APP Starter"})),(0,n.kt)(s.Z,{value:"7",label:"7",mdxType:"TabItem"},(0,n.kt)("img",{width:"350",src:a(3979).Z,alt:"\u76d8\u53e4 APP Starter"})),(0,n.kt)(s.Z,{value:"8",label:"8",mdxType:"TabItem"},(0,n.kt)("img",{width:"350",src:a(1346).Z,alt:"\u76d8\u53e4 APP Starter"})),(0,n.kt)(s.Z,{value:"9",label:"9",mdxType:"TabItem"},(0,n.kt)("img",{width:"350",src:a(6096).Z,alt:"\u76d8\u53e4 APP Starter"})),(0,n.kt)(s.Z,{value:"10",label:"10",mdxType:"TabItem"},(0,n.kt)("img",{width:"350",src:a(3738).Z,alt:"\u76d8\u53e4 APP Starter"})),(0,n.kt)(s.Z,{value:"11",label:"11",mdxType:"TabItem"},(0,n.kt)("img",{width:"350",src:a(2163).Z,alt:"\u76d8\u53e4 APP Starter"}))),(0,n.kt)("h2",{id:"\u4e0b\u4e00\u6b65"},"\u4e0b\u4e00\u6b65"),(0,n.kt)("p",null,"\u7ee7\u7eed\u9605\u8bfb\u5176\u5b83\u7ae0\u8282\u83b7\u53d6\u4f60\u60f3\u8981\u7684\u7b54\u6848\u6216\u901a\u8fc7\u6211\u4eec\u7684 ",(0,n.kt)("a",{parentName:"p",href:"/community"},"\u5f00\u53d1\u8005\u793e\u533a"),"\u5bfb\u6c42\u66f4\u591a\u5e2e\u52a9\u3002"))}m.isMDXComponent=!0},5162:(e,t,a)=>{a.d(t,{Z:()=>s});varr=a(7294),n=a(6010);constl="tabItem_Ymn6";functions(e){let{children:t,hidden:a,className:s}=e;returnr.createElement("div",{role:"tabpanel",className:(0,n.Z)(l,s),hidden:a},t)}},5488:(e,t,a)=>{a.d(t,{Z:()=>m});varr=a(7462),n=a(7294),l=a(6010),s=a(2389),i=a(7392),o=a(7094),p=a(2466);constu="tabList__CuJ",c="tabItem_LNqP";functiond(e){const{lazy:t,block:a,defaultValue:s,values:d,groupId:m,className:b}=e,f=n.Children.map(e.children,(e=>{if((0,n.isValidElement)(e)&&"value"ine.props)returne;thrownewError(`Docusaurus error: Bad <Tabs> child <${"string"==typeofe.type?e.type:e.type.name}>: all children of the <Tabs> component should be <TabItem>, and every <TabItem> should have a unique "value" prop.`)})),g=d??f.map((e=>{let{props:{value:t,label:a,attributes:r}}=e;return{value:t,label:a,attributes:r}})),v=(0,i.l)(g,((e,t)=>e.value===t.value));if(v.length>0)thrownewError(`Docusaurus error: Duplicate values "${v.map((e=>e.value)).join(", ")}" found in <Tabs>. Every value needs to be unique.`);constk=null===s?s:s??f.find((e=>e.props.default))?.props.value??f[0].props.value;if(null!==k&&!g.some((e=>e.value===k)))thrownewError(`Docusaurus error: The <Tabs> has a defaultValue "${k}" but none of its children has the corresponding value. Available values are: ${g.map((e=>e.value)).join(", ")}. If you intend to show no default tab, use defaultValue={null} instead.`);const{tabGroupChoices:h,setTabGroupChoices:y}=(0,o.U)(),[P,w]=(0,n.useState)(k),Z=[],{blockElementScrollPositionUntilNextRender:T}=(0,p.o5)();if(null!=m){conste=h[m];null!=e&&e!==P&&g.some((t=>t.value===e))&&w(e)}constN=e=>{constt=e.currentTarget,a=Z.indexOf(t),r=g[a].value;r!==P&&(T(t),w(r),null!=m&&y(m,String(r)))},O=e=>{lett=null;switch(e.key){case"Enter":N(e);break;case"ArrowRight":{consta=Z.indexOf(e.currentTarget)+1;t=Z[a]??Z[0];break}case"ArrowLeft":{consta=Z.indexOf(e.currentTarget)-1;t=Z[a]??Z[Z.length-1];break}}t?.focus()};returnn.createElement("div",{className:(0,l.Z)("tabs-container",u)},n.createElement("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,l.Z)("tabs",{"tabs--block":a},b)},g.map((e=>{let{value:t,label:a,attributes:s}=e;returnn.createElement("li",(0,r.Z)({role:"tab",tabIndex:P===t?0:-1,"aria-selected":P===t,key:t,ref:e=>Z.push(e),onKeyDown:O,onClick:N},s,{className:(0,l.Z)("tabs__item",c,s?.className,{"tabs__item--active":P===t})}),a??t)}))),t?(0,n.cloneElement)(f.filter((e=>e.props.value===P))[0],{className:"margin-top--md"}):n.createElement("div",{className:"margin-top--md"},f.map(((e,t)=>(0,n.cloneElement)(e,{key:t,hidden:e.props.value!==P})))))}functionm(e){constt=(0,s.Z)();returnn.createElement(d,(0,r.Z)({key:String(t)},e))}},5981:(e,t,a)=>{a.d(t,{Z:()=>r});constr=a.p+"assets/images/1-a66c1c9ac895da03cb67006e0dba5393.jpeg"},3738:(e,t,a)=>{a.d(t,{Z:()=>r});constr=a.p+"assets/images/10-78aa79e0ec0105a8c773f1b17828b0c6.jpeg"},2163:(e,t,a)=>{a.d(t,{Z:()=>r});constr=a.p+"assets/images/11-77bb921162f22118f1c7940bf77aa36d.jpeg"},3946:(e,t,a)=>{a.d(t,{Z:()=>r});constr=a.p+"assets/images/2-3d796ddba72dc141d18e7c2c9c4f5538.jpeg"},3699:(e,t,a)=>{a.d(t,{Z:()=>r});constr=a.p+"assets/images/3-82097038c31269abcadc0a6d9d9d1f41.jpeg"},5807:(e,t,a)=>{a.d(t,{Z:()=>r});constr=a.p+"assets/images/4-1fecc381a305e02030b78faa8693f8c1.jpeg"},2262:(e,t,a)=>{a.d(t,{Z:()=>r});constr=a.p+"assets/images/5-d059e621d4c6229ef840d2e6193649a0.jpeg"},2245:(e,t,a)=>{a.d(t,{Z:()=>r});constr=a.p+"assets/images/6-99fd5a827eeb40285ce1ecb100d9962b.jpeg"},3979:(e,t,a)=>{a.d(t,{Z:()=>r});constr=a.p+"assets/images/7-5910dbb0670a8d290a62971eaf6229d6.jpeg"},1346:(e,t,a)=>{a.d(t,{Z:()=>r});constr=a.p+"assets/images/8-947312dc5cb9091b2d6e6a06637ff5c5.jpeg"},6096:(e,t,a)=>{a.d(t,{Z:()=>r});constr=a.p+"assets/images/9-dd795eaf37ba0d1e7e1a59bc5eb68577.jpeg"}}]);
"use strict";(self.webpackChunkpangu_website=self.webpackChunkpangu_website||[]).push([[9225],{3905:(e,t,a)=>{a.d(t,{Zo:()=>c,kt:()=>b});varr=a(7294);functionn(e,t,a){returntine?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}functionl(e,t){vara=Object.keys(e);if(Object.getOwnPropertySymbols){varr=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){returnObject.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,r)}returna}functions(e){for(vart=1;t<arguments.length;t++){vara=null!=arguments[t]?arguments[t]:{};t%2?l(Object(a),!0).forEach((function(t){n(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):l(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}returne}functioni(e,t){if(null==e)return{};vara,r,n=function(e,t){if(null==e)return{};vara,r,n={},l=Object.keys(e);for(r=0;r<l.length;r++)a=l[r],t.indexOf(a)>=0||(n[a]=e[a]);returnn}(e,t);if(Object.getOwnPropertySymbols){varl=Object.getOwnPropertySymbols(e);for(r=0;r<l.length;r++)a=l[r],t.indexOf(a)>=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(n[a]=e[a])}returnn}varo=r.createContext({}),p=function(e){vart=r.useContext(o),a=t;returne&&(a="function"==typeofe?e(t):s(s({},t),e)),a},c=function(e){vart=p(e.components);returnr.createElement(o.Provider,{value:t},e.children)},u="mdxType",d={inlineCode:"code",wrapper:function(e){vart=e.children;returnr.createElement(r.Fragment,{},t)}},m=r.forwardRef((function(e,t){vara=e.components,n=e.mdxType,l=e.originalType,o=e.parentName,c=i(e,["components","mdxType","originalType","parentName"]),u=p(a),m=n,b=u["".concat(o,".").concat(m)]||u[m]||d[m]||l;returna?r.createElement(b,s(s({ref:t},c),{},{components:a})):r.createElement(b,s({ref:t},c))}));functionb(e,t){vara=arguments,n=t&&t.mdxType;if("string"==typeofe||n){varl=a.length,s=newArray(l);s[0]=m;vari={};for(varoint)hasOwnProperty.call(t,o)&&(i[o]=t[o]);i.originalType=e,i[u]="string"==typeofe?e:n,s[1]=i;for(varp=2;p<l;p++)s[p]=a[p];returnr.createElement.apply(null,s)}returnr.createElement.apply(null,a)}m.displayName="MDXCreateElement"},9507:(e,t,a)=>{a.r(t),a.d(t,{assets:()=>c,contentTitle:()=>o,default:()=>m,frontMatter:()=>i,metadata:()=>p,toc:()=>u});varr=a(7462),n=(a(7294),a(3905)),l=a(5488),s=a(5162);consti={title:"\u7b80\u4ecb",tags:["\u76d8\u53e4 APP"],sidebar_position:1,slug:"/intro"},o=void0,p={unversionedId:"\u7b80\u4ecb",id:"\u7b80\u4ecb",title:"\u7b80\u4ecb",description:"\u76d8\u53e4 APP Starter | \u79fb\u52a8\u7aef\u591a\u5e73\u53f0\u5feb\u901f\u5f00\u53d1\u811a\u624b\u67b6 | uViewUI | uni-app | \u76d8\u53e4\u5f00\u53d1\u6846\u67b6",source:"@site/app/\u7b80\u4ecb.md",sourceDirName:".",slug:"/intro",permalink:"/app/intro",draft:!1,tags:[{label:"\u76d8\u53e4 APP",permalink:"/app/tags/\u76d8\u53e4-app"}],version:"current",lastUpdatedBy:"xiongchun",lastUpdatedAt:1678500158,formattedLastUpdatedAt:"2023\u5e743\u670811\u65e5",sidebarPosition:1,frontMatter:{title:"\u7b80\u4ecb",tags:["\u76d8\u53e4 APP"],sidebar_position:1,slug:"/intro"},sidebar:"tutorialSidebar",next:{title:"\u642d\u5efa\u5f00\u53d1\u73af\u5883",permalink:"/app/how-to-create-environment"}},c={},u=[{value:"\u76d8\u53e4 APP Starter \u622a\u5c4f",id:"\u76d8\u53e4-app-starter-\u622a\u5c4f",level:2},{value:"\u4e0b\u4e00\u6b65",id:"\u4e0b\u4e00\u6b65",level:2}],d={toc:u};functionm(e){let{components:t,...i}=e;return(0,n.kt)("wrapper",(0,r.Z)({},d,i,{components:t,mdxType:"MDXLayout"}),(0,n.kt)("head",null,(0,n.kt)("title",null,"\u76d8\u53e4 APP Starter | \u79fb\u52a8\u7aef\u591a\u5e73\u53f0\u5feb\u901f\u5f00\u53d1\u811a\u624b\u67b6 | uViewUI | uni-app | \u76d8\u53e4\u5f00\u53d1\u6846\u67b6")),(0,n.kt)("p",null,(0,n.kt)("strong",{parentName:"p"},"\u76d8\u53e4 APP Starter"),"\u662f\u96c6\u6210\u4e86 uni-app \u5185\u7f6e\u7ec4\u4ef6\u3001\u5b98\u65b9\u6269\u5c55\u7ec4\u4ef6\u548c\u5168\u9762\u517c\u5bb9 nvue \u7684 uni-app \u751f\u6001\u6846\u67b6 uView UI \u7684\u79fb\u52a8\u7aef\u591a\u5e73\u53f0\u5feb\u901f\u5f00\u53d1\u811a\u624b\u67b6\u3002\u7528\u6237\u53ef\u4ee5\u57fa\u4e8e\u6b64\u5b8c\u6210Android/IOS App\u3001\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u3001H5 \u5e94\u7528\u7684\u5feb\u901f\u5f00\u53d1\u3002\uff08\u4e00\u6b21\u5f00\u53d1\uff0c\u9488\u5bf9\u4e0d\u540c\u5e73\u53f0\u7f16\u8bd1\u53d1\u5e03\u7248\u672c\uff09"),(0,n.kt)("ul",null,(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("p",{parentName:"li"},(0,n.kt)("strong",{parentName:"p"},"uni-app \u4ecb\u7ecd"),(0,n.kt)("br",{parentName:"p"}),"\n",(0,n.kt)("a",{parentName:"p",href:"https://uniapp.dcloud.net.cn"},"uni-app"),"\u662f\u4e00\u4e2a\u4f7f\u7528 Vue.js \u5f00\u53d1\u6240\u6709\u524d\u7aef\u5e94\u7528\u7684\u6846\u67b6\uff0c\u5f00\u53d1\u8005\u7f16\u5199\u4e00\u5957\u4ee3\u7801\uff0c\u53ef\u53d1\u5e03\u5230 iOS\u3001Android\u3001Web\uff08\u54cd\u5e94\u5f0f\uff09\u3001\u4ee5\u53ca\u5404\u79cd\u5c0f\u7a0b\u5e8f\uff08\u5fae\u4fe1/\u652f\u4ed8\u5b9d/\u767e\u5ea6/\u5934\u6761/\u98de\u4e66/QQ/\u5feb\u624b/\u9489\u9489/\u6dd8\u5b9d\uff09\u3001\u5feb\u5e94\u7528\u7b49\u591a\u4e2a\u5e73\u53f0\u3002")),(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("p",{parentName:"li"},(0,n.kt)("strong",{parentName:"p"},"uView UI \u4ecb\u7ecd"),(0,n.kt)("br",{parentName:"p"}),"\n",(0,n.kt)("a",{parentName:"p",href:"https://www.uviewui.com/components/intro.html"},"uView UI"),"\u662f\u5168\u9762\u517c\u5bb9 nvue \u7684 uni-app \u751f\u6001\u6846\u67b6\uff0c\u5168\u9762\u7684\u7ec4\u4ef6\u548c\u4fbf\u6377\u7684\u5de5\u5177\u4f1a\u8ba9\u60a8\u4fe1\u624b\u62c8\u6765\uff0c\u5982\u9c7c\u5f97\u6c34\u3002")),(0,n.kt)("li",{parentName:"ul"},(0,n.kt)("p",{parentName:"li"},(0,n.kt)("strong",{parentName:"p"},"HBuilderX \u4ecb\u7ecd"),(0,n.kt)("br",{parentName:"p"}),"\n",(0,n.kt)("a",{parentName:"p",href:"https://hx.dcloud.net.cn"},"HbuilderX"),"\u662f\u4e00\u6b3e\u514d\u8d39\u7684\u524d\u7aef\u5f00\u53d1 IDE\u3002uni-app \u7684\u591a\u7aef\u7f16\u8bd1\u90e8\u7f72\u80fd\u529b\u4f9d\u8d56\u4e8e\u5b83\u3002\u6240\u4ee5\uff0c\u76d8\u53e4 APP Starter \u7684\u6807\u51c6\u5f00\u53d1\u5de5\u5177\u4e5f\u5c31\u662f HBuilderX\u3002"))),(0,n.kt)("h2",{id:"\u76d8\u53e4-app-starter-\u622a\u5c4f"},"\u76d8\u53e4 APP Starter \u622a\u5c4f"),(0,n.kt)("p",null,"\u5982\u4e0b\u4e3a\u76d8\u53e4 APP Starter \u7684\u90e8\u5206\u622a\u5c4f\u3002\u5b8c\u6574\u4f53\u9a8c\u8bf7\u8bbf\u95ee\uff1a",(0,n.kt)("a",{parentName:"p",href:"/online-demo-app"},"\u5728\u7ebf\u6f14\u793a"),"\u3002"),(0,n.kt)(l.Z,{mdxType:"Tabs"},(0,n.kt)(s.Z,{value:"1",label:"1",mdxType:"TabItem"},(0,n.kt)("img",{width:"350",src:a(5981).Z,alt:"\u76d8\u53e4 APP Starter"})),(0,n.kt)(s.Z,{value:"2",label:"2",mdxType:"TabItem"},(0,n.kt)("img",{width:"350",src:a(3946).Z,alt:"\u76d8\u53e4 APP Starter"})),(0,n.kt)(s.Z,{value:"3",label:"3",mdxType:"TabItem"},(0,n.kt)("img",{width:"350",src:a(3699).Z,alt:"\u76d8\u53e4 APP Starter"})),(0,n.kt)(s.Z,{value:"4",label:"4",mdxType:"TabItem"},(0,n.kt)("img",{width:"350",src:a(5807).Z,alt:"\u76d8\u53e4 APP Starter"})),(0,n.kt)(s.Z,{value:"5",label:"5",mdxType:"TabItem"},(0,n.kt)("img",{width:"350",src:a(2262).Z,alt:"\u76d8\u53e4 APP Starter"})),(0,n.kt)(s.Z,{value:"6",label:"6",mdxType:"TabItem"},(0,n.kt)("img",{width:"350",src:a(2245).Z,alt:"\u76d8\u53e4 APP Starter"})),(0,n.kt)(s.Z,{value:"7",label:"7",mdxType:"TabItem"},(0,n.kt)("img",{width:"350",src:a(3979).Z,alt:"\u76d8\u53e4 APP Starter"})),(0,n.kt)(s.Z,{value:"8",label:"8",mdxType:"TabItem"},(0,n.kt)("img",{width:"350",src:a(1346).Z,alt:"\u76d8\u53e4 APP Starter"})),(0,n.kt)(s.Z,{value:"9",label:"9",mdxType:"TabItem"},(0,n.kt)("img",{width:"350",src:a(6096).Z,alt:"\u76d8\u53e4 APP Starter"})),(0,n.kt)(s.Z,{value:"10",label:"10",mdxType:"TabItem"},(0,n.kt)("img",{width:"350",src:a(3738).Z,alt:"\u76d8\u53e4 APP Starter"})),(0,n.kt)(s.Z,{value:"11",label:"11",mdxType:"TabItem"},(0,n.kt)("img",{width:"350",src:a(2163).Z,alt:"\u76d8\u53e4 APP Starter"}))),(0,n.kt)("h2",{id:"\u4e0b\u4e00\u6b65"},"\u4e0b\u4e00\u6b65"),(0,n.kt)("p",null,"\u7ee7\u7eed\u9605\u8bfb\u5176\u5b83\u7ae0\u8282\u83b7\u53d6\u4f60\u60f3\u8981\u7684\u7b54\u6848\u6216\u901a\u8fc7\u6211\u4eec\u7684 ",(0,n.kt)("a",{parentName:"p",href:"/community"},"\u5f00\u53d1\u8005\u793e\u533a"),"\u5bfb\u6c42\u66f4\u591a\u5e2e\u52a9\u3002"))}m.isMDXComponent=!0},5162:(e,t,a)=>{a.d(t,{Z:()=>s});varr=a(7294),n=a(6010);constl="tabItem_Ymn6";functions(e){let{children:t,hidden:a,className:s}=e;returnr.createElement("div",{role:"tabpanel",className:(0,n.Z)(l,s),hidden:a},t)}},5488:(e,t,a)=>{a.d(t,{Z:()=>m});varr=a(7462),n=a(7294),l=a(6010),s=a(2389),i=a(7392),o=a(7094),p=a(2466);constc="tabList__CuJ",u="tabItem_LNqP";functiond(e){const{lazy:t,block:a,defaultValue:s,values:d,groupId:m,className:b}=e,f=n.Children.map(e.children,(e=>{if((0,n.isValidElement)(e)&&"value"ine.props)returne;thrownewError(`Docusaurus error: Bad <Tabs> child <${"string"==typeofe.type?e.type:e.type.name}>: all children of the <Tabs> component should be <TabItem>, and every <TabItem> should have a unique "value" prop.`)})),g=d??f.map((e=>{let{props:{value:t,label:a,attributes:r}}=e;return{value:t,label:a,attributes:r}})),v=(0,i.l)(g,((e,t)=>e.value===t.value));if(v.length>0)thrownewError(`Docusaurus error: Duplicate values "${v.map((e=>e.value)).join(", ")}" found in <Tabs>. Every value needs to be unique.`);constk=null===s?s:s??f.find((e=>e.props.default))?.props.value??f[0].props.value;if(null!==k&&!g.some((e=>e.value===k)))thrownewError(`Docusaurus error: The <Tabs> has a defaultValue "${k}" but none of its children has the corresponding value. Available values are: ${g.map((e=>e.value)).join(", ")}. If you intend to show no default tab, use defaultValue={null} instead.`);const{tabGroupChoices:h,setTabGroupChoices:y}=(0,o.U)(),[P,w]=(0,n.useState)(k),Z=[],{blockElementScrollPositionUntilNextRender:T}=(0,p.o5)();if(null!=m){conste=h[m];null!=e&&e!==P&&g.some((t=>t.value===e))&&w(e)}constN=e=>{constt=e.currentTarget,a=Z.indexOf(t),r=g[a].value;r!==P&&(T(t),w(r),null!=m&&y(m,String(r)))},O=e=>{lett=null;switch(e.key){case"Enter":N(e);break;case"ArrowRight":{consta=Z.indexOf(e.currentTarget)+1;t=Z[a]??Z[0];break}case"ArrowLeft":{consta=Z.indexOf(e.currentTarget)-1;t=Z[a]??Z[Z.length-1];break}}t?.focus()};returnn.createElement("div",{className:(0,l.Z)("tabs-container",c)},n.createElement("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,l.Z)("tabs",{"tabs--block":a},b)},g.map((e=>{let{value:t,label:a,attributes:s}=e;returnn.createElement("li",(0,r.Z)({role:"tab",tabIndex:P===t?0:-1,"aria-selected":P===t,key:t,ref:e=>Z.push(e),onKeyDown:O,onClick:N},s,{className:(0,l.Z)("tabs__item",u,s?.className,{"tabs__item--active":P===t})}),a??t)}))),t?(0,n.cloneElement)(f.filter((e=>e.props.value===P))[0],{className:"margin-top--md"}):n.createElement("div",{className:"margin-top--md"},f.map(((e,t)=>(0,n.cloneElement)(e,{key:t,hidden:e.props.value!==P})))))}functionm(e){constt=(0,s.Z)();returnn.createElement(d,(0,r.Z)({key:String(t)},e))}},5981:(e,t,a)=>{a.d(t,{Z:()=>r});constr=a.p+"assets/images/1-a66c1c9ac895da03cb67006e0dba5393.jpeg"},3738:(e,t,a)=>{a.d(t,{Z:()=>r});constr=a.p+"assets/images/10-78aa79e0ec0105a8c773f1b17828b0c6.jpeg"},2163:(e,t,a)=>{a.d(t,{Z:()=>r});constr=a.p+"assets/images/11-77bb921162f22118f1c7940bf77aa36d.jpeg"},3946:(e,t,a)=>{a.d(t,{Z:()=>r});constr=a.p+"assets/images/2-3d796ddba72dc141d18e7c2c9c4f5538.jpeg"},3699:(e,t,a)=>{a.d(t,{Z:()=>r});constr=a.p+"assets/images/3-82097038c31269abcadc0a6d9d9d1f41.jpeg"},5807:(e,t,a)=>{a.d(t,{Z:()=>r});constr=a.p+"assets/images/4-1fecc381a305e02030b78faa8693f8c1.jpeg"},2262:(e,t,a)=>{a.d(t,{Z:()=>r});constr=a.p+"assets/images/5-d059e621d4c6229ef840d2e6193649a0.jpeg"},2245:(e,t,a)=>{a.d(t,{Z:()=>r});constr=a.p+"assets/images/6-99fd5a827eeb40285ce1ecb100d9962b.jpeg"},3979:(e,t,a)=>{a.d(t,{Z:()=>r});constr=a.p+"assets/images/7-5910dbb0670a8d290a62971eaf6229d6.jpeg"},1346:(e,t,a)=>{a.d(t,{Z:()=>r});constr=a.p+"assets/images/8-947312dc5cb9091b2d6e6a06637ff5c5.jpeg"},6096:(e,t,a)=>{a.d(t,{Z:()=>r});constr=a.p+"assets/images/9-dd795eaf37ba0d1e7e1a59bc5eb68577.jpeg"}}]);