Skip to content

miniboxs/hnet-winbox

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

14 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Winbox implemented using js+iframe

Live Demo and Code Example

https://hideip.network

How to use?

pnpm add hnet-winbox
//svelte main.js
import "hnet-winbox/dist/assets/css/index.css"

//vue app.js
import "hnet-winbox/dist/assets/css/index.css"

//react App.jsx
import "hnet-winbox/dist/assets/css/index.css"
import WindowManager from "hnet-winbox";

Instantiate

new WindowManager('Texta', {
      url: 'https://www.google.com/webhp?igu=1',
      icon?: 'https://public.aisb.top/e06e8a0ef1a018d7b6944df936f2a3c1/dK10APa.png',
      width?: 40,
      height?: 60,
      background?: "purple",
      ads?:""
});

Options

Option Values Description
title string Window title
id number Set a unique id to the window. Used to define custom styles in css, query elements by context or just to identify the corresponding window instance. If no ID was set it will automatically create one for you.
index number Set a unique index to the window
windId string Window DOM
url string Window load content url
icon string Window icon
width number Window width,0 ~ 100
heith number Window heith,0 ~ 100
background string Window header background
ads string Show interstitial content when zooming

CSS Element

You can do rewritten css

  • .hnet-window

  • .hnet-title

  • .hnet-minimize

  • .hnet-maximize

  • .hnet-close

  • .hnet-ads

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors