lizhenqiu blog

"build": {
    "productName":"xxxx",//项目名 这也是生成的exe文件的前缀名
    "appId": "com.leon.xxxxx",//包名  
    "copyright":"xxxx",//版权  信息
    "directories": { // 输出文件夹
      "output": "build"
    }, 
    "nsis": {
      "oneClick": false, // 是否一键安装
      "allowElevation": true, // 允许请求提升。 如果为false，则用户必须使用提升的权限重新启动安装程序。
      "allowToChangeInstallationDirectory": true, // 允许修改安装目录
      "installerIcon": "./install.ico",// 安装图标
      "uninstallerIcon": "./uninstall.ico",//卸载图标
      "installerHeaderIcon": "./installheader.ico", // 安装时头部图标
      "createDesktopShortcut": true, // 创建桌面图标
      "createStartMenuShortcut": true,// 创建开始菜单图标
      "shortcutName": "xxxx", // 图标名称
      "include": "build/script/installer.nsh", // 包含的自定义nsis脚本
    },
    "publish": [
      {
        "provider": "generic", // 服务器提供商 也可以是GitHub等等
        "url": "http://xxxxx/" // 服务器地址
      }
    ],
    "files": [ // 携带文件路径
      "dist/electron/**/*"
    ],
    "dmg": { //mac系统dmg包配置
      "contents": [
        {
          "x": 410,
          "y": 150,
          "type": "link",
          "path": "/Applications"
        },
        {
          "x": 130,
          "y": 150,
          "type": "file"
        }
      ]
    },
    "mac": { //mac系统包配置
      "icon": "build/icons/icon.icns"
    },
    "win": { //window系统包配置
      "icon": "build/icons/aims.ico",
      "target": [
        {
          "target": "nsis",
          "arch": [
            "ia32"
          ]
        }
      ]
    },
    "linux": { //linux系统包配置
      "icon": "build/icons"
    }
  }

package main
import (
    "github.com/visualfc/rsrc/rsrc"
    "syscall"
)
var (
    kernel32                    = syscall.NewLazyDLL("kernel32.dll")
    procSetConsoleIcon          = kernel32.NewProc("SetConsoleIcon")
)

func main() {
    rsrc.Init()
    setIcon("myapp.ico")
}

func setIcon(iconFilePath string) {
    hIcon, err := syscall.LoadIcon(0, syscall.MAKEINTRESOURCE(1))
    if err != nil {
        panic(err)
    }

    err = procSetConsoleIcon.Find()
    if err == nil {
        syscall.SetLastError(procSetConsoleIcon.Call(uintptr(hIcon)))
        return
    }

    var hwnd uintptr
    syscall.NewLazyDLL("user32.dll").NewProc("GetForegroundWindow").Call(uintptr(unsafe.Pointer(&hwnd)))

    if hwnd == 0 {
        syscall.NewLazyDLL("user32.dll").NewProc("GetDesktopWindow").Call(uintptr(unsafe.Pointer(&hwnd)))
    }

    syscall.NewLazyDLL("user32.dll").NewProc("SendMessageW").Call(hwnd, 0x80 /*WM_SETICON*/, 1 /*ICON_SMALL*/, uintptr(hIcon))
}

<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
<assembly xmlns="urn:schemas-microsoft-com:asm.v1" manifestVersion="1.0">
<assemblyIdentity
    version="1.0.0.0"
    processorArchitecture="x86"
    name="controls"
    type="win32"
></assemblyIdentity>
<dependency>
    <dependentAssembly>
        <assemblyIdentity
            type="win32"
            name="Microsoft.Windows.Common-Controls"
            version="6.0.0.0"
            processorArchitecture="*"
            publicKeyToken="6595b64144ccf1df"
            language="*"
        ></assemblyIdentity>
    </dependentAssembly>
</dependency>
</assembly>

<template>
  <div>
    <baidu-map
      ak="ocjtpCpd3HusX9VUmkfc49P9jxRV5Vch"
      :scroll-wheel-zoom="true"
      :center="{ lng: 116.383141, lat: 39.913607 }"
      :zoom="12"
    >
      <!-- :scroll-wheel-zoom="true" //开启滚轮缩放 -->

      <!--地图视图-->

      <bm-view class="map"></bm-view>

      <!--点标注-->
      <!-- position 标注的位置 -->
      <!-- dragging 是否启用拖拽 -->
      <!-- title 鼠标移到marker上显示内容 -->
      <!-- zIndex设置覆盖物的zIndex -->
      <!-- icon标注所用的图标对象 -->
      <!-- dragend 拖拽结束时触发此事件 -->
      <div v-for="(marker, index) of markers" :key="index">
        <bm-marker
          :position="{ lng: marker.lng, lat: marker.lat }"
          @mouseover="lookDetail(marker)"
          @mouseout="infoWindowClose(marker)"
          :icon="{ url: markerIcon, size: { width: 34, height: 34 } }"
          :dragging="true"
          :zIndex="999999999"
        >
          <!-- show 是否开启窗体 -->
          <!-- close窗体被关闭时触发的事件 -->
          <!-- open窗体被打开时触发的事件 -->
          <bm-label
            :content="marker.number"
            :labelStyle="{ color: 'red', fontSize: '24px' }"
            :offset="{ width: -35, height: 30 }"
          />
          <bm-info-window
            :position="{ lng: marker.lng, lat: marker.lat }"
            :show="marker.showFlag"
            @close="infoWindowClose(marker)"
          >
            <div>电站名称:111</div>
            <div style="display: flex; flex-wrap: wrap; width: 250px">
              <div>充电金额：{{ marker.buildName }}</div>
              <div>充电金额：{{ marker.buildName }}</div>
              <div>充电金额：{{ marker.buildName }}</div>
              <div>充电金额：{{ marker.buildName }}</div>
              <div>充电金额：{{ marker.buildName }}</div>
            </div>
          </bm-info-window>
        </bm-marker>
      </div>
      <!--比例尺控件-->
      <bm-scale anchor="BMAP_ANCHOR_TOP_RIGHT"></bm-scale>
      <!--缩放控件-->
      <bm-navigation anchor="BMAP_ANCHOR_BOTTOM_RIGHT"></bm-navigation>
    </baidu-map>
  </div>
</template>

 

<script>
import BmView from 'vue-baidu-map/components/map/MapView' //地图视图
import BmMarker from 'vue-baidu-map/components/overlays/Marker' //点标注
import BmInfoWindow from 'vue-baidu-map/components/overlays/InfoWindow' //标注弹窗
import BmScale from 'vue-baidu-map/components/controls/Scale'
import BmNavigation from 'vue-baidu-map/components/controls/Navigation'

export default {
  components: {
    BmView,
    BmMarker,
    BmInfoWindow,
    BmScale,
    BmNavigation,
  },

  data() {
    return {
      // 地图标记点
      markers: [
        {
          lng: '116.383141',
          lat: '39.913607',
          name: '信息窗口1',
          showFlag: false,
          number: '1',
          buildName: '胡歌',
        },

        {
          lng: '116.383141',
          lat: '39.900000',
          name: '信息窗口2',
          showFlag: false,
          number: '20',
          buildName: '花花',
        },
      ],
      markerIcon: 'http://api0.map.bdimg.com/images/marker_red_sprite.png', //标注图片
    }
  },

  methods: {
    infoWindowClose(marker) {
      //弹框关闭
      marker.showFlag = false
    },
    lookDetail(marker) {
      marker.showFlag = true
    },
  },
}
</script>

<style lang="less" scoped>
.map {
  width: 100%;

  height: 500px;
}
</style>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>丰富彩色动态渐变背景与发光文字</title>
    <style>
        body {
            margin: 0;
            height: 100vh;
            display: flex;
            justify-content: center;
            align-items: center;
            font-family: Arial, sans-serif;
            text-align: center;
            /* 丰富彩色渐变背景 */
            background: linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet, red);
            /* 覆盖整个背景 */
            background-size: 400% 400%;
            /* 动画设置 */
            animation: gradient 30s ease infinite;
        }

        @keyframes gradient {
            0% {
                background-position: 0% 50%;
            }
            50% {
                background-position: 100% 50%;
            }
            100% {
                background-position: 0% 50%;
            }
        }

        h1 {
            /* 黑色文字 */
            color: black;
            /* 文字发光效果 */
            text-shadow: 0 0 10px white, 0 0 20px white, 0 0 30px white, 0 0 40px white;
            /* 增加文字的可读性，可选 */
            font-weight: bold;
            font-size: 3em; /* 根据需要调整文字大小 */
        }
    </style>
</head>
<body>
    <h1>丰富彩色动态渐变背景与发光文字效果</h1>
</body>
</html>

<div class="gradient-flow"></div>
<style>
.gradient-flow {
  width: 50vw;
  height: 50vh;
  background-size: 200% 200%; /* 背景图大小 */
  background-image: linear-gradient(135deg, #ff7c7c, #ffeb3b, #26c6da, #7e57c2);
  animation: flow 10s ease infinite;
}
@keyframes flow {
  0% { background-position: 0% 50%; }
  25% { background-position: 100% 50%; }
  50% { background-position: 100% 0%; }
  75% { background-position: 0% 0%; }
  100% { background-position: 0% 50%; }
}

/*为了确保动画效果在不同的设备上都能良好展示，我们需要考虑响应式设计。*/
@media (max-width: 768px) {
  .gradient-flow {
    background-size: 300% 300%;
    animation-duration: 7s;
  }
}

/*为了进一步增强视觉冲击力，可以将背景色流动效果与其他CSS效果结合起来，例如加入阴影或透明度变化。*/
.gradient-flow {
  box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.5);
  transition: box-shadow 0.5s ease-in-out;
}

.gradient-flow:hover {
  box-shadow: inset 0 0 40px rgba(0, 0, 0, 0.8);
}
</style>

<!--添加交互性
通过JavaScript，我们可以为背景色流动效果增加一些交互性，例如根据鼠标移动位置改变背景颜色流动的方向。-->
<script>
const gradientFlow = document.querySelector('.gradient-flow');
gradientFlow.addEventListener('mousemove', function(e) {
  const x = e.clientX / window.innerWidth * 100;
  const y = e.clientY / window.innerHeight * 100;
  this.style.backgroundPosition = `${x}% ${y}%`;
});
</script>