电脑端弹窗风格欣赏二

dismao

弹窗尺寸为：384 X 416

1.   <div style="background-image: url('https://www.diskao.com/static/temp/wuha1.jpg');align-items: center;  background-repeat: no-repeat;  background-size: 100% 288px;  border-radius: 20px;  box-sizing: border-box;  display: flex;  flex-direction: column;  gap: 12px;  height: 416px;  overflow: hidden;  padding-top: 176px;  position: relative;  min-width: 184px;">
   
2.    <div style="background: linear-gradient(rgba(241, 184, 42, 0) 0%, rgb(241, 184, 42) 128px, rgb(241, 184, 42) 272px);height: 272px;  position: absolute;  top: 144px;  width: 100%;  z-index: 1;"></div>
   
3.    <img src="https://www.diskao.com/static/temp/wuha2.png" style="height: 80px;  width: 264px;  z-index: 1;" />
   
4.    <div style="color: rgb(0, 0, 0);font-size: 20px;  line-height: 21px;z-index: 1;">4月4日上线</div>
   
5.    <div style="color: rgb(0, 0, 0);font-size: 16px;  line-height: 16px;z-index: 1;">“疯”云变幻，敢闯敢干</div>
   
6.    <div style="margin-top: 14px;z-index: 1;"><a href="https://www.iqiyi.com/" style="color: rgb(0, 0, 0);border-radius: 24px;  cursor: pointer;  height: 48px; font-size: 16px;
   
7.   line-height: 48px; width: 186px;background-color: rgb(245, 245, 245);display:block;text-align:center;margin:0 auto;text-decoration: none;">立即预约</a></div>
   
8.   </div>

复制代码