小编Pie*_*res的帖子

保持相同的图标大小与弹性框响应

我的调谐器有问题,我尝试保持相同大小的箭头,但是当我降低分辨率时,箭头会变小

<div className="shadow rounded my-5">
            <div onClick={() => toggle(index)} key={index} className="bg-[#8e9fbc] rounded text-white font-bold flex justify-between items-center cursor-pointer p-5">
        <span>{item.question}</span>
        {clicked === index ? (<ChevronDownIcon className="w-6 "/>) :<ChevronRightIcon className="w-6  "/>}
        
        </div>
       {clicked === index ? (<div className="p-5"> {item.reponse}</div>) : null} </div>
Run Code Online (Sandbox Code Playgroud)

在此输入图像描述

你能帮助我吗?谢谢你!

html css reactjs tailwind-css

4
推荐指数
1
解决办法
2931
查看次数

从 OnMount 中提取一个 var,例如 useState

我正在尝试在代码中使用在 onmount 中创建的 const 作为 {myip},我不知道如何从 onmount 中提取它

<script>
  import { page } from '$app/stores'
  import axios from 'axios'
  import { onMount } from 'svelte'

  onMount(async () => {
    const firstip = await axios.get(`https://geolocation-db.com/json/`)

    const finalip = await axios.get(`https://api.ipregistry.co/` + `${firstip.data.IPv4}` + `?key=6nn8zr4k2h34cwkw32`)

    if (!finalip.data.carrier.name) {
      const myip = finalip.data.location.city
      console.log(myip)
    } else {
      const myip = '7 km'
      console.log(myip)
    }
  })

  const { id } = $page.params

  console.log(id)
  const name = id.charAt(0).toUpperCase() + id.slice(1)
</script>
Run Code Online (Sandbox Code Playgroud)

我想提取“myip”并在 onmount 之外使用它谢谢

svelte sveltekit

2
推荐指数
1
解决办法
612
查看次数

标签 统计

css ×1

html ×1

reactjs ×1

svelte ×1

sveltekit ×1

tailwind-css ×1