Shulou(Shulou.com)06/02 Report--

Editor to share with you how to use uniapp vue and nvue to achieve round broadcast map, I believe that most people do not know much about it, so share this article for your reference, I hope you can learn a lot after reading this article, let's go to know it!

The vue section is as follows:

The nvue section is as follows:

The css style of the nvue section is as follows:

.slider, .image {width: 750px; height: 350px;} .slide {position: absolute; right: 0; bottom: 0; width: 150px; height: 30px; background-color: rgba Item-color:rgba (255pr. 255pr. 255pr 0.5); item-selected-color: # FFFFFF;}

The js section is as follows:

Vue and nvue are written in the same way as js

Export default {data () {return {swipers: [{src: "/ static/images/demo/demo4.png"}, {src: "/ static/images/demo/demo4.png"} {src: "/ static/images/demo/demo4.png"}, {src: "/ static/images/demo/demo4.png"} Methods: {event (index) {console.log ("clicked index:" + index)}

The effect picture is as follows:

Vue:

Nvue:

The above is all the content of the article "how to use uniapp vue and nvue to realize the carousel map". Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.