【jssdk】国家名称选择组件ml-country-selector


一、ml-country-selector是什么?

"ml-country-selector基于typescript实现和rollup打包,是一款开箱即用的选择国家名称前端组件,支持自定义国家名称数据

在线demo:
点击即可在线查看效果>>>

二、使用步骤

(一)、npm方式

1.引入库

代码如下(示例):

npm i ml-country-selector -S

注意如果是npm方式就需要这样引入

import {
   
    
     mlCountrySelector } from 'ml-country-selector';

(二)、umd方式

    <script src="http://luckycola.com.cn/public/demos/countrySelecor/dist/index.js"></script>

2.初始化使用

在需要的地方初始化使用,demo如下:
注意必须提供一个容器元素

代码如下(示例):

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="../dist/index.js"></script>
    <style>
        #container {
     
      
      
            width: 100vw;
            height: 100vh;
            overflow: scroll;
            border-color: aqua;
            

猜你喜欢

转载自blog.csdn.net/qq_48896417/article/details/126623090