Tag:margin

  • Flyer imitation wechat pull-down pop-up frame

    Time:2022-4-21

    In mobile development, drop-down pop-up box is a very common selection interaction method, and the effect is shown in the figure below.For this kind of pop-up frame, we can use dialog to realize it. The following is the main code of user-defined pop-up frame. Color _bgColor = Colors.white; double cellHeight = 34; double cellWidth=120; typedef […]

  • On the overlap of margin value and vertical outer margin in CSS

    Time:2022-3-4

    Parallel box margin interview question: if one box has an upper margin and the other box has a lower margin, will the margin margin overlap? Solution: taking a large value is not the sum of their addition, but who listens to who! <!DOCTYPE html> <html> <head> <meta charset=”utf-8″/> <title></title> <style type=”text/css”> *{margin: 0;padding: 0;} .box1,.box2{ […]

  • Fluent container layout container widget

    Time:2022-2-4

    Basic layout of fluent container widget Container will be one of the most commonly used controls in the future. Container is a single container control, that is, it contains only one child control. Container can decorate and position child controls, such as setting background color, shape, etc. Specific usage of container Alignment alignment padding padding […]

  • The Axure side tool is suspended and in a fixed position

    Time:2022-2-2

    Web sidebar: no matter how the page scrolls up and down, the position of the right sidebar remains unchanged and is not affected by personal typesetting; Page effect: no matter how the size of the page is changed and dragged, the operation box on the right will always be displayed in the lower position on […]

  • Canvas column

    Time:2021-12-28

    Canvas column preface When I was working on a project with uni app, I came across a place that needed a column chart. Because the plug-in didn’t find a suitable one, I wrote one and shared it with you. If there is something that is not well written, please give me more advice. design sketch […]

  • The child element margin top causes the parent element to move

    Time:2021-11-9

    Problem description Today, when modifying the page style, I encountered a child element settingmargin-topHowever, it does not make a gap between the child element and the parent element, but acts on its parent element, resulting in a parent elementmargin-topThe effect of. Today, let’s talk about the causes of the whole problem and the solutions. problem […]

  • Implementation of special-shaped scrolling with swiper

    Time:2021-10-17

    essential information Official introduction Swiper is the free and most modern mobile touch slider with hardware accelerated transitions and amazing native behavior. It is intended to be used in mobile websites, mobile web apps, and mobile native/hybrid apps. file introduce:  https://swiperjs.com/get-star… API: https://swiperjs.com/api/ Demo: https://swiperjs.com/demos/ Git: https://github.com/nolimits4w… Usage scene – transition effect Rotation chart practice target Implement a […]

  • Flyer imitation wechat pull-down pop-up box

    Time:2021-10-16

    In mobile development, drop-down pop-up box is a very common selection interaction method, and the effect is shown in the figure below.For this kind of pop-up frame, we can use dialog to implement it. The following is the main code of user-defined pop-up frame. Color _bgColor = Colors.white; double cellHeight = 34; double cellWidth=120; typedef […]

  • CSS picture display incomplete floating invalid solution

    Time:2021-10-10

    Incomplete picture display Use CSS to reference pictures. The pictures are too large to be fully displayed in the box. Only some can be displayedThere is still no change through other operations, as shown in the figure:SolutionAfter referencing the picture in CSS style settings, set the width and height to 100% respectively, and the box […]

  • Bootstrap navigation bar customization

    Time:2021-9-30

    Navigation bar setting height //Cancel the margin in the navigation bar .navbar{ padding:0px 16px; } //Set the background color of the navigation bar and add shadows .navbar-setting{ background-color: #40D2D1; /* height: 70px; */ If you put this effect on navbar, toggle will have a problem box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.25); } […]

  • Ace editor Chinese document

    Time:2021-8-28

    introduce Ace is an embeddable code editor written in JavaScript. It matches the functionality and performance of native editors such as sublime, VIM, and Textmate. It can be easily embedded in any web page and JavaScript application. Official website address: Ace – the high performance code editor for the webGithub: GitHub – ajaxorg/ace: Ace (Ajax.org […]

  • Python utility, pyqt5 + QRcode, python 2D code generation tool

    Time:2021-8-17

    preface: Today, let’s use pyqt5 + QRcode to make a simple QR code generation tool. Let’s start happily~ development tool Python version:3.6.4 Related modules: Pyqt5 module; QRcode module; And some Python built-in modules. Environment construction Install Python and add it to the environment variable. PIP can install the relevant modules required. Principle introduction Software interface: […]