tdesign icon 点击图标 如何获取 data-name 的数据

如果您使用 jQuery，可以使用以下代码来获取具有特定 data-name 属性的元素的值：

var dataName = $(this).data('name');

如果您使用原生 JavaScript，可以使用以下代码来获取具有特定 data-name 属性的元素的值：

var dataName = this.getAttribute('data-name');

这里的 `$(this)` 或 `this` 取决于您在何处使用它们。例如，在 click 事件处理程序中，`$(this)` 或 `this` 表示被点击的元素。

相关问题

icon 图标el-icon-right

根据引用内容中提供的信息，可以使用CSS的animation属性来实现图标的旋转效果。对于el-icon-right图标，你可以添加以下样式代码：

<i class="el-icon-right" style="font-size: 22px; animation: rotating 2s linear infinite;"></i>

其中rotating是自定义的动画名称，2s表示动画的持续时间为2秒，linear表示动画以匀速运动，infinite表示动画循环无限次执行。

使用这个样式，el-icon-right图标将会以顺时针方向进行旋转。如果你想改变旋转方向，可以使用animation-direction属性，设置为reverse逆时针。例如：

<i class="el-icon-right" style="font-size: 22px; animation: rotating 2s linear infinite reverse;"></i>

这样el-icon-right图标将会以逆时针方向进行旋转。希望这个回答对你有帮助！

cesium 点击图标获取属性数据

在 Cesium 中，你可以通过以下步骤来实现点击图标获取属性数据：

1. 创建实体对象（Entity）并设置属性数据，例如：

var entity = viewer.entities.add({
    position: Cesium.Cartesian3.fromDegrees(lon, lat),
    billboard: {
        image: 'icon.png',
        width: 32,
        height: 32,
        verticalOrigin: Cesium.VerticalOrigin.BOTTOM
    },
    properties: {
        name: 'Entity 1',
        description: 'This is Entity 1'
    }
});

在这个例子中，我们创建了一个实体对象，包含位置信息、图标信息和属性数据。

2. 添加鼠标事件监听器，例如：

var handler = new Cesium.ScreenSpaceEventHandler(viewer.scene.canvas);
handler.setInputAction(function(e) {
    var pickedObject = viewer.scene.pick(e.position);
    if (Cesium.defined(pickedObject) && pickedObject.id === entity) {
        var properties = pickedObject.id.properties;
        var name = properties.name;
        var description = properties.description;
        console.log('Name: ' + name);
        console.log('Description: ' + description);
    }
}, Cesium.ScreenSpaceEventType.LEFT_CLICK);

在这个例子中，我们创建了一个鼠标事件监听器，当鼠标左键点击时，先通过 `viewer.scene.pick` 方法获取到当前鼠标位置下的对象，然后判断这个对象是否为我们创建的实体对象，如果是，则可以获取实体对象的属性数据，例如名称和描述信息。

通过上述步骤，你就可以在 Cesium 中实现点击图标获取属性数据的功能了。