At the bottom of the web mobile terminal every page to add navigation? Can use the template?-CodePudding

Just do the mobile end learning, found that each page should be a navigation bar at the bottom of the same, if there are ten pages have to be in ten navigation at the bottom of the page with the same code?
One thousand ten page navigation content have change going to modify the code?

If we can use a template or a similar to PHP include () method?
Please show a labyrinth great god,

CodePudding user response:

Certainly each don't have to write it again, packaging components, where it is needed to introduce it

CodePudding user response:

reference 1st floor weixin_41355373 response:

, of course, not everyone is write it again, packaging components, where it is needed to introduction can

Specific how to operate? Help to give directions, thank you

CodePudding user response:

Can encapsulate the navigation bar on the bottom of the public, introduce into a public components, when wanting to change to change public packaging line, do not need to change 10 change
A similar WeChat uniapp or small program some of these are configured, you can refer to it

CodePudding user response:

Not every page is added, don't know what you are using mobile terminal, anyway the general idea is a place in the entrance into the navigation line
If you are written in the framework, and routed in the router management
I this is vue, other similarly
Writing is as follows:
Import footBar from '@/components/footBar. Vue' introduction of navigation components

This is the way to every page reference

To all pages in the app. The vue this entrance to file the introduction of the component with respect to OK

CodePudding user response:

reference 4 floor sha worm agent reply:

every page doesn't add, don't know what you are used to write the mobile side, anyway, where the entrance to the general idea is introduced into the navigation line
If you are written in the framework, and routed in the router management
I this is vue, other similarly
Writing is as follows:
Import footBar from '@/components/footBar. Vue' introduction of navigation components

This is the way to every page reference

To all pages in the app. The file into the vue this portal components with respect to OK

Now is to use the Jquery Mobile framework to do Mobile page! Now is every HTML page to nav navigation!

CodePudding user response:

It will be on the original entry documents to write a good

CodePudding user response:

refer to the second floor IF Mr Response:

Quote: refer to 1st floor weixin_41355373 response:
, of course, not everyone is write it again, packaging components, where it is needed to introduction can

Specific how to operate? Help to give directions, thank you

What you use the framework, each framework written different

CodePudding user response:

refer to fifth floor IF Mr Response:

Quote: refer to 4th floor sha worm agent reply:
every page doesn't add, don't know what you are used to write the mobile side, anyway, where the entrance to the general idea is introduced into the navigation line
If you are written in the framework, and routed in the router management
I this is vue, other similarly
Writing is as follows:
Import footBar from '@/components/footBar. Vue' introduction of navigation components

This is the way to every page reference

To all pages in the app. The file into the vue this portal components with respect to OK

Now is to use the Jquery Mobile framework to do Mobile page! Now is every HTML page to nav navigation!

Then write a HTML at the bottom of the navigation, when the page is loaded, use JS introduced in

refer to fifth floor IF Mr Response:

Quote: refer to 4th floor sha worm agent reply:
every page doesn't add, don't know what you are used to write the mobile side, anyway, where the entrance to the general idea is introduced into the navigation line
If you are written in the framework, and routed in the router management
I this is vue, other similarly
Writing is as follows:
Import footBar from '@/components/footBar. Vue' introduction of navigation components

This is the way to every page reference

To all pages in the app. The file into the vue this portal components with respect to OK

Now is to use the Jquery Mobile framework to do Mobile page! Now is every HTML page to nav navigation!

Then write a public JS needs in the every page to reference JS
(()=& gt; {
$. Ajax ({
Type: "GET",
Url: "nav. HTML",//at the bottom of the navigation files
Success: the function (data) {

$(" # nav "). The HTML (data);

}

Error: function () {
Alert (" network fault ")
}
});

CodePudding user response:

refer to the eighth floor weixin_41355373 response:

Quote: refer to fifth floor IF Mr Response:

Quote: refer to 4th floor sha worm agent reply:
every page doesn't add, don't know what do you use to write the mobile side, anyway, where the entrance to the general idea is introduced into the navigation line
If you are written in the framework, and routed in the router management
I this is vue, other similarly
Writing is as follows:
Import footBar from '@/components/footBar. Vue' introduction of navigation components

This is the way to every page reference

To all pages in the app. The file into the vue this portal components with respect to OK

Now is to use the Jquery Mobile framework to do Mobile page! Now is every HTML page to nav navigation!

Then write a HTML at the bottom of the navigation, when the page is loaded, use JS introduced in

refer to fifth floor IF Mr Response:

Quote: refer to 4th floor sha worm agent reply:
every page doesn't add, don't know what you are used to write the mobile side, anyway, where the entrance to the general idea is introduced into the navigation line
If you are written in the framework, and routed in the router management
I this is vue, other similarly
Writing is as follows:
Import footBar from '@/components/footBar. Vue' introduction of navigation components

This is the way to every page reference

To all pages in the app. The file into the vue this portal components with respect to OK

Now is to use the Jquery Mobile framework to do Mobile page! Now is every HTML page to nav navigation!

Then write a public JS needs in the every page to reference JS
(()=& gt; {
$. Ajax ({
Type: "GET",
Url: "nav. HTML",//at the bottom of the navigation files
nullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnull