基于Bootstrap的Pinterest网格瀑布流布局实现

版权申诉
0 下载量 29 浏览量 更新于2024-10-07 收藏 6KB ZIP 举报
资源摘要信息:"FA.zip_t网格瀑布流布局代码" 知识点: 1. Bootstrap框架基础:Bootstrap是一个流行的前端框架,它提供了一套响应式的网格系统,可以快速开发出适应不同屏幕尺寸的网页布局。Bootstrap3.3.7是该框架的一个版本,而本代码示例正是基于该版本开发的瀑布流布局。 2. 网格瀑布流布局概念:瀑布流布局是一种网页布局方式,它模拟了瀑布的流动效果,元素(如图片)按照一定的宽度比例垂直排列,随着页面滚动,新的元素会被动态地添加到下方,形成视觉上的“瀑布”效果。这种布局特别适合用于展示图片、卡片等内容,常见于社交媒体和内容分享平台。 3. 响应式网页设计:响应式设计是一种网页设计方法,目的是使网页在不同设备(如桌面、平板、手机等)上都能够良好地展示。Bootstrap框架提供了丰富的响应式组件和布局工具,使得开发者能够轻松实现响应式布局。 4. Bootstrap图片瀑布流实现方式:通常,通过Bootstrap的栅格系统,开发者可以使用.row和.col-*-*类来创建行和列,然后将图片或内容放置到每个列中。瀑布流的实现可能需要一些额外的JavaScript来动态地调整元素的高度和位置,以及在新内容加载时保持瀑布流的连贯性。 5. 开发工具和资源:在开发此类布局时,开发者可能需要使用代码编辑器(如Visual Studio Code, Sublime Text等)、浏览器调试工具(如Chrome开发者工具)、版本控制工具(如Git)等辅助工具。此外,还需要对HTML、CSS和JavaScript有较深的理解。 6. 其他提供的文件资源说明: - Gooey十秒倒计时动画代码.zip:这个资源很可能包含了一个倒计时动画的实现代码,可能使用了JavaScript、CSS动画等技术。Gooey效果是指模拟软体、果冻或者湿润表面的视觉效果,可能在倒计时动画上带来了独特的视觉体验。 - 数字加减法计算求和代码.zip:该资源很可能是包含实现基本数学加减法计算功能的代码。它可能使用了HTML来构建用户界面,JavaScript用于处理用户的输入和计算逻辑,以及CSS来进行样式设计。 通过上述的知识点,开发者可以更好地理解所给文件中提到的“FA.zip_t网格瀑布流布局代码”以及其他压缩包子文件中的代码是如何工作的,并可能在自己的项目中应用这些知识。

SELECT PIS.SHOW_FLT_DETAIL AS SHOW_FLT_DETAIL -- new , PIS.SHOW_AWB_DETAIL AS SHOW_AWB_DETAIL -- new , PIS.DISPLAY_AIRLINE_CODE AS CARRIER_CODE , DECODE(PIS.REVERT_FLOW,'N',PIS.FLOW_TYPE,DECODE(PIS.FLOW_TYPE,'I','E','I')) AS FLOW_TYPE , PIS.SHIP_TO_LOCATION AS SHIP_TO_LOCATION , PIS.INVOICE_SEQUENCE AS INVOICE_SEQUENCE , PFT.FLIGHT_DATE AS FLIGHT_DATE , PFT.FLIGHT_CARRIER_CODE AS FLIGHT_CARRIER_CODE , PFT.FLIGHT_SERIAL_NUMBER AS FLIGHT_SERIAL_NUMBER , PFT.FLOW_TYPE AS AIRCRAFT_FLOW , FAST.AIRCRAFT_SERVICE_TYPE AS AIRCRAFT_SERVICE_TYPE , PPT.AWB_NUMBER AS AWB_NUMBER , PPT.WEIGHT AS WEIGHT , PPT.CARGO_HANDLING_OPERATOR AS CARGO_HANDLING_OPERATOR , PPT.SHIPMENT_PACKING_TYPE AS SHIPMENT_PACKING_TYPE , PPT.SHIPMENT_FLOW_TYPE AS SHIPMENT_FLOW_TYPE , PPT.SHIPMENT_BUILD_TYPE AS SHIPMENT_BUILD_TYPE , PPT.SHIPMENT_CARGO_TYPE AS SHIPMENT_CARGO_TYPE , PPT.REVENUE_TYPE AS REVENUE_TYPE , PFT.JV_FLIGHT_CARRIER_CODE AS JV_FLIGHT_CARRIER_CODE , PPT.PORT_TONNAGE_UID AS PORT_TONNAGE_UID , PPT.AWB_UID AS AWB_UID , PIS.INVOICE_SEPARATION_UID AS INVOICE_SEPARATION_UID , PFT.FLIGHT_TONNAGE_UID AS FLIGHT_TONNAGE_UID FROM PN_FLT_TONNAGES PFT , FZ_AIRLINES FA , PN_TONNAGE_FLT_PORTS PTFP , PN_PORT_TONNAGES PPT , FF_AIRCRAFT_SERVICE_TYPES FAST , SR_PN_INVOICE_SEPARATIONS PIS --new , SR_PN_INVOICE_SEP_DETAILS PISD--new , SR_PN_INV_SEP_PORT_TONNAGES PISPT --new WHERE PFT.FLIGHT_OPERATION_DATE >= trunc( CASE :rundate WHEN TO_DATE('01/01/1900', 'DD/MM/YYYY') THEN ADD_MONTHS(SYSDATE,-1) ELSE ADD_MONTHS(:rundate,-1) END, 'MON') AND PFT.FLIGHT_OPERATION_DATE < trunc( CASE :rundate WHEN TO_DATE('01/01/1900', 'DD/MM/YYYY') THEN TRUNC(SYSDATE) ELSE TRUNC(:rundate) END, 'MON') AND PFT.TYPE IN ('C', 'F') AND PFT.RECORD_TYPE = 'M' AND (PFT.TERMINAL_OPERATOR NOT IN ('X', 'A') OR (PFT.TERMINAL_OPERATOR <> 'X' AND FA.CARRIER_CODE IN (SELECT * FROM SPECIAL_HANDLING_AIRLINE) AND PPT.REVENUE_TYPE IN (SELECT * FROM SPECIAL_REVENUE_TYPE) AND PPT.SHIPMENT_FLOW_TYPE IN (SELECT * FROM SPECIAL_SHIPMENT_FLOW_TYPE) AND PFT.FLIGHT_OPERATION_DATE >= (select EFF_DATE from SPECIAL_HANDLING_EFF_DATE) )) AND PFT.DELETING_DATETIME IS NULL AND FA.AIRLINE_UID = PFT.AIRLINE_UID AND FA.DELETING_DATETIME IS NULL AND PTFP.FLIGHT_TONNAGE_UID = PFT.FLIGHT_TONNAGE_UID AND PTFP.RECORD_TYPE = 'M' AND PTFP.DELETING_DATETIME IS NULL AND PPT.TONNAGE_FLIGHT_PORT_UID (+)= PTFP.TONNAGE_FLIGHT_PORT_UID AND PPT.RECORD_TYPE (+)= 'M' AND PPT.DISCREPANCY_TYPE (+)= 'NONE' AND PPT.ADJUSTMENT_INC_FLAG (+)= 'Y' AND PPT.DELETING_DATETIME (+) IS NULL AND FAST.AIRCRAFT_SERVICE_TYPE_UID = PFT.AIRCRAFT_SERVICE_TYPE_UID AND FAST.DELETING_DATETIME IS NULL AND PIS.TEMPORAL_NAME = TO_CHAR((CASE :rundate --new WHEN TO_DATE('01/01/1900', 'DD/MM/YYYY') THEN TRUNC(SYSDATE) ELSE TRUNC(:rundate) END ), 'YYYYMM') || '00' AND PIS.INVOICE_SEPARATION_UID = PISD.INVOICE_SEPARATION_UID --new AND PISD.INVOICE_SEP_DETAIL_UID = PISPT.INVOICE_SEP_DETAIL_UID --new AND PISPT.PORT_TONNAGE_UID = PPT.PORT_TONNAGE_UID --new AND PIS.PRINT_SUPPORTING_DOC = 'Y';上面是oracle的写法,请转成spark SQL的写法。

2023-06-02 上传
2023-06-10 上传