s-material-react 1.3.35 → 1.3.37

package/css/common/icon.scss

@@ -20,7 +20,6 @@
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
-
 .icon-gonggao:before {
   content: '\e607';
 }

package/css/common/index.scss

@@ -6,3 +6,4 @@
 @import './stepNum.scss';
 @import './rateItem.scss';
 @import './noData.scss';
+@import './promotionItem';

package/css/common/promotionItem.scss

@@ -0,0 +1,87 @@
+.promotionItem {
+  display: flex;
+  min-height: 120px;
+  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
+  margin: 0 10px;
+  border-radius: 6px;
+  overflow: hidden;
+
+  .lPart {
+    flex: 1;
+    background: linear-gradient(270deg, #1A1922 0%, #383647 100%);
+    border-radius: 6px;
+    position: relative;
+    padding-top: 20px;
+
+    .round {
+      width: 24px;
+      height: 24px;
+      border-radius: 100%;
+      background-color: #FFFFFF;
+      position: absolute;
+      top: 50%;
+      right: -12px;
+      margin-top: -12px;
+    }
+
+    .tagBg {
+      height: 26px;
+      line-height: 26px;
+      width: 200px;
+      background: #FFFFFF;
+      transform: rotate(-45deg);
+      text-align: center;
+      position: absolute;
+      top: 14px;
+      left: -72px;
+
+      .txt {
+        font-size: 14px;
+        color: #394259;
+        font-weight: 500;
+        text-align: center;
+      }
+    }
+
+    .rule {
+      font-size: 24px;
+      font-weight: 500;
+      color: #FFFFFF;
+      text-align: center;
+      margin-bottom: 10px;
+    }
+
+    .title {
+      font-size: 14px;
+      font-weight: 400;
+      color: #FFFFFF;
+      text-align: center;
+      display: block;
+      margin-bottom: 2px;
+    }
+
+    .time {
+      color: rgba(255,255,255,0.45);
+      font-size: 12px;
+      text-align: center;
+      display: block;
+
+      .num {
+        display: inline-block;
+      }
+    }
+  }
+
+  .rPart {
+    width: 48px;
+    padding: 4px 4px 4px 0;
+
+    .sideBorder {
+      border: 1px solid #C3C6CD;
+      border-left: none;
+      height: 100%;
+      border-top-right-radius: 6px;
+      border-bottom-right-radius: 6px;
+    }
+  }
+}

package/css/pages/backTop.scss

@@ -0,0 +1,43 @@
+@font-face {
+    font-family: 'iconfont';  /* Project id 3715677 */
+    src: url('//at.alicdn.com/t/c/font_3715677_zbl4sqwpqs.woff2?t=1684306298598') format('woff2'),
+         url('//at.alicdn.com/t/c/font_3715677_zbl4sqwpqs.woff?t=1684306298598') format('woff'),
+         url('//at.alicdn.com/t/c/font_3715677_zbl4sqwpqs.ttf?t=1684306298598') format('truetype');
+  }
+  .iconfont {
+    font-family: "iconfont" !important;
+    font-size: 16px;
+    font-style: normal;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+  }
+  
+  .icon-fanhuidingbu:before {
+    content: "\e60b";
+  }
+//小程序
+.position{
+    position: fixed;
+    right: 0;
+
+    z-index: 99;
+
+    // background: skyblue;
+}
+//pc端样式
+.position1{
+    position: absolute;
+    right: 0;
+    z-index: 99;
+
+    // background: skyblue;
+}
+.IconBox{
+    display: flex;
+    flex-direction: column;
+    justify-content: space-around;
+    align-items: center;
+    margin: 10px;
+}
+
+  

package/css/pages/goodsList.scss

@@ -38,9 +38,34 @@
     display: flex;
     justify-content: space-between;
     align-items: center;
+    height: 25px;
+    line-height: 25px;
+    margin: 0 10px;
   }
-  .anticon{
-    flex-direction: row-reverse;
+  .decoration{
+    text-decoration:line-through;
+  }
+  .textBox{
+    display: flex;
+    // padding: 0 10px;
+  }
+  .boxNone{
+    display: none;
+  }
+  .mgtop{
+    margin-top: 10px;
+  }
+  .mgbtm{
+    margin-bottom: 10px;
+  }
+.mgrf{
+  margin-left: 10px;
+  margin-right: 10px;
+  line-height: 25px;
+  height: 25px;
+}
+  .btm{
+    height: 0;
   }
   .listWrap {
     background-color: #f6f6f6;
@@ -53,20 +78,23 @@
       .listItem {
         overflow: hidden;
         background-color: #fff;
-        padding-bottom: 12px;
-
+        // padding-bottom: 12px;
+        height: fit-content;
         .img {
           display: block;
           width: 100%;
           height: 170px;
-          margin-bottom: 5px;
+          // margin-bottom: 5px;
         }
 
         .name {
           font-size: 12px;
           display: block;
-          padding: 0 10px;
-          margin-bottom: 5px;
+          // padding: 10px;
+          height: 25px;
+          line-height: 25px;
+          margin: 0 10px;
+          // margin-bottom: 5px;
           @include titleLine(1);
         }
 
@@ -74,7 +102,7 @@
           display: block;
           color: #ff0934;
           font-size: 12px;
-          padding: 0 10px;
+         
         }
     
       }

package/css/pages/index.scss

@@ -34,7 +34,7 @@
 @import './articleDetail';
 @import './search.scss';
 @import './searchStyleTwo.scss';
-
+@import './backTop.scss';
 
 // basic
 @import './lineGroup';
@@ -42,6 +42,7 @@
 // business
 @import './goodsClassifyGroup';
 @import './goodsDetailGroup';
+@import './marketingGroup';
 
 //
 //* {

package/css/pages/marketingGroup/getCouponOne.scss

@@ -0,0 +1,122 @@
+.getCouponOne {
+
+  .OneLineOneBlc {
+    background: #FFFFFF;
+    display: flex;
+    min-height: 88px;
+    border: 1px solid #000;
+    box-sizing: border-box;
+    margin: 10px;
+
+    .lPart {
+      flex: 1;
+      padding: 23px;
+      box-sizing: border-box;
+      display: flex;
+      justify-content: space-between;
+
+      .intro {
+        font-weight: bold;
+        border-right: 1px dashed #000;
+        padding-right: 23px;
+
+        .type {
+          font-size: 18px;
+          margin-bottom: 4px;
+        }
+
+        .rule {
+          font-size: 12px;
+        }
+      }
+
+      .info {
+        flex: 1;
+        padding-left: 23px;
+        display: flex;
+        flex-direction: column;
+
+        .title {
+          font-weight: bold;
+          font-size: 14px;
+          color: #333;
+        }
+
+        .validity {
+          font-size: 12px;
+          color: #999;
+        }
+      }
+    }
+
+    .rPart {
+      width: 40px;
+      background: #000000;
+      color: #fff;
+      display: flex;
+      align-items: center;
+
+      .txt {
+        writing-mode: vertical-rl;
+        text-align: center;
+        margin: 0 auto;
+        height: 88px;
+      }
+    }
+  }
+
+  .oneLineTwoBlc {
+    display: grid;
+    grid-template-columns: repeat(2, 1fr);
+    gap: 10px;
+
+    .oneLineTwoBlcItem {
+      height: 114px;
+      display: flex;
+      justify-content: space-between;
+      border: 1px solid #000;
+      box-sizing: border-box;
+
+      .lPart {
+        padding: 14px 8px;
+
+        .price {
+          font-weight: bold;
+          margin-bottom: 10px;
+
+          .num {
+            font-size: 27px;
+            display: inline-block;
+          }
+        }
+
+        .info {
+          font-size: 14px;
+          font-weight: bold;
+          color: #333;
+          margin-bottom: 8px;
+        }
+
+        .condition {
+          color: #999;
+          font-size: 12px;
+        }
+      }
+
+      .rPart {
+        width: 40px;
+        height: 100%;
+        line-height: 100%;
+        background: #000000;
+        color: #fff;
+
+        .txt {
+          writing-mode: vertical-rl;
+          text-align: center;
+          margin: 0 auto;
+          height: inherit;
+        }
+      }
+    }
+  }
+}

package/css/pages/marketingGroup/index.scss

@@ -0,0 +1 @@
+@import "./getCouponOne";

package/dist/components/BackTop/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface topType {
+    position: number;
+}
+export declare const BackTop: React.NamedExoticComponent<topType>;
+export {};

package/dist/components/basic/ClassifyNavGroup/ClassifyNav/index.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+export interface ClassifyItemType {
+    imgUrl: string;
+    title: string;
+    link?: any;
+}
+interface ClassifyNavType {
+    defaultValue: Array<ClassifyItemType>;
+    borderRadius: number;
+    paddingTop: number;
+    paddingBottom: number;
+    selectClassifyNav: Array<ClassifyItemType>;
+}
+export declare const ClassifyNav: React.NamedExoticComponent<ClassifyNavType>;
+export {};

package/dist/components/basic/ClassifyNavGroup/ClassifyNavOne/index.d.ts

@@ -0,0 +1,29 @@
+import React from "react";
+declare const initialClassifyNavOne: {
+    defaultValue: never[];
+    selectClassifyNav: never[];
+    navRadius: string;
+    navBorderColor: string;
+    navBgColor: string;
+    navBoxShadow: boolean;
+    imgRadius: string;
+    imgBoxShadow: boolean;
+    layout: number;
+    marginTop: number;
+    marginBottom: number;
+};
+export declare const ClassifyNavOneJsx: React.FC<typeof initialClassifyNavOne>;
+export declare const ClassifyNavOne: React.NamedExoticComponent<{
+    defaultValue: never[];
+    selectClassifyNav: never[];
+    navRadius: string;
+    navBorderColor: string;
+    navBgColor: string;
+    navBoxShadow: boolean;
+    imgRadius: string;
+    imgBoxShadow: boolean;
+    layout: number;
+    marginTop: number;
+    marginBottom: number;
+}>;
+export {};

package/dist/components/basic/ClassifyNavGroup/ClassifyNavThree/index.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+export declare const ClassifyNavThree: React.NamedExoticComponent<{
+    defaultValue: never[];
+    selectClassifyNav: never[];
+    navRadius: string;
+    navBorderColor: string;
+    navBgColor: string;
+    navBoxShadow: boolean;
+    imgRadius: string;
+    imgBoxShadow: boolean;
+    fontSize: string;
+    fontColor: string;
+    tagBgColor: string;
+    otherStyle: never[];
+    layout: number;
+    marginTop: number;
+    marginBottom: number;
+}>;

package/dist/components/basic/ClassifyNavGroup/ClassifyNavTwo/index.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+export declare const ClassifyNavTwo: React.NamedExoticComponent<{
+    defaultValue: never[];
+    selectClassifyNav: never[];
+    navRadius: string;
+    navBorderColor: string;
+    navBgColor: string;
+    navBoxShadow: boolean;
+    fontSize: string;
+    fontColor: string;
+    tagBgColor: string;
+    otherStyle: never[];
+    layout: number;
+    marginTop: number;
+    marginBottom: number;
+}>;

package/dist/components/basic/ClassifyNavGroup/index.d.ts

@@ -0,0 +1,4 @@
+export * from './ClassifyNav';
+export * from './ClassifyNavOne';
+export * from './ClassifyNavTwo';
+export * from './ClassifyNavThree';

package/dist/components/basic/Cube/index.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+interface ImgType {
+    imgUrl: string;
+    link: string;
+}
+interface CubeType {
+    defaultValue: Array<ImgType>;
+    type: number;
+    borderRadius: number;
+    paddingTop: number;
+    paddingLeft: number;
+    paddingRight: number;
+    picGap: number;
+    xGap: number;
+    paddingBottom: number;
+    outerShadow: boolean;
+    selectImg: Array<ImgType>;
+}
+export declare const Cube: React.NamedExoticComponent<CubeType>;
+export {};

package/dist/components/basic/GoodsGroup/Goods/index.d.ts

@@ -0,0 +1,30 @@
+export interface GoodsType {
+    defaultValue: Array<{
+        goodsCode: string | number;
+        goodsName: string | number;
+        dataPic: string;
+        goodsSalesvolume: number;
+        brandName: string | number;
+        pricesetNprice: number;
+        pricesetMakeprice?: number;
+    }>;
+    margin?: number;
+    cell: number;
+    gap?: number;
+    showSales: boolean;
+    goods: Array<never> | undefined;
+    circular?: boolean;
+    markedPrice?: number;
+    classCode?: string;
+    paddingTop?: number;
+    paddingBottom?: number;
+    paddingLeft?: number;
+    paddingRight?: number;
+    goodsName?: boolean;
+    goodsPrice?: boolean;
+    goodsCar?: boolean;
+    goodsBorder?: boolean;
+    goodsShadow?: boolean;
+    marginGap?: number;
+}
+export declare const Goods: import("react").NamedExoticComponent<GoodsType>;

package/dist/components/basic/GoodsGroup/GoodsSlider/index.d.ts

@@ -0,0 +1,19 @@
+import React from "react";
+export declare const GoodsSlider: React.NamedExoticComponent<{
+    defaultValue: never[];
+    goods: never[];
+    price: boolean;
+    marketPrice: boolean;
+    cart: boolean;
+    wrapRadius: string;
+    wrapBgColor: string;
+    wrapBorderColor: string;
+    wrapShadow: boolean;
+    goodsRadius: string;
+    goodsBgColor: string;
+    goodsGap: number;
+    marginLeft: number;
+    marginRight: number;
+    marginTop: number;
+    marginBottom: number;
+}>;

package/dist/components/basic/GoodsGroup/GoodsSlideshow/index.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+export declare const GoodsSlideshow: React.NamedExoticComponent<{
+    defaultValue: never[];
+    goods: never[];
+    GoodsSlideshowBg: string;
+    marketPrice: boolean;
+    goodsName: boolean;
+    salesNum: boolean;
+    price: boolean;
+    goodsRadius: string;
+    goodsBorder: boolean;
+    goodsShadow: boolean;
+    btnText: string;
+    btnBg: string;
+    btnColor: string;
+    btnRadius: string;
+}>;

package/dist/components/basic/GoodsGroup/index.d.ts

@@ -0,0 +1,3 @@
+export * from './Goods';
+export * from './GoodsSlider';
+export * from './GoodsSlideshow';

package/dist/components/basic/LineGroup/Line/index.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+interface LineType {
+    borderRadius: number;
+    height: number;
+    width: number;
+    borderStyle: string;
+    backgroundColor: string;
+    paddingTop: number;
+    paddingBottom: number;
+}
+export declare const Line: React.NamedExoticComponent<LineType>;
+export {};

package/dist/components/basic/LineGroup/TextLine/index.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+declare const initialTextLine: {
+    TextLineBgColor: string;
+    text: string;
+    contentSize: number;
+    lineStyle: string;
+    fontSize: number;
+    textAlign: string;
+    fontColor: string;
+    lineColor: string;
+    fontWeight: string;
+    fontStyle: string;
+    textDecoration: string;
+};
+export declare const TextLine: React.FC<typeof initialTextLine>;
+export {};

package/dist/components/basic/LineGroup/index.d.ts

@@ -0,0 +1,2 @@
+export * from './TextLine';
+export * from './Line';

package/dist/components/basic/Notice/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export declare const Notice: React.FC<NoticeType>;
+interface NoticeType {
+    direction: 'horizontal' | 'vertical';
+    speed?: number;
+    num: number;
+    color: string;
+    fontSize: number;
+}
+export {};

package/dist/components/basic/Search/Search/index.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+interface SearchType {
+    value: string;
+    iconShow: boolean;
+    fontColor: string;
+    backgroundColor: string;
+    borderRadius: boolean;
+    paddingLeft: number;
+    paddingRight: number;
+    sticky: boolean;
+    fontsize: number;
+    paddings: number;
+    otherStyles: Array<string>;
+}
+export declare const Search: React.NamedExoticComponent<SearchType>;
+export {};

package/dist/components/basic/Search/SearchStyleTwo/index.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+interface SearchType {
+    value: string;
+    iconShow: boolean;
+    fontColor: string;
+    backgroundColor: string;
+    borderRadius: boolean;
+    paddingLeft: number;
+    paddingRight: number;
+    sticky: boolean;
+    fontsize: number;
+    paddings: number;
+    otherStyles: Array<string>;
+}
+export declare const SearchStyleTwo: React.NamedExoticComponent<SearchType>;
+export {};

package/dist/components/basic/Search/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Search';
+export * from './SearchStyleTwo';

package/dist/components/basic/Slider/index.d.ts

@@ -0,0 +1,36 @@
+import React from 'react';
+export interface itemType {
+    imgUrl: string;
+    link: string;
+    title?: string;
+}
+interface SwiperType {
+    defaultValue?: Array<itemType>;
+    type?: number;
+    autoplay?: boolean;
+    autoplayInterval?: number;
+    direction?: 'horizontal' | 'vertical';
+    loop?: boolean;
+    paddingTop?: number;
+    paddingBottom?: number;
+    paddingLeft?: number;
+    paddingRight?: number;
+    selectImg?: Array<itemType>;
+    imgHeight?: {
+        height: number;
+        width: number;
+    };
+    vertical?: boolean;
+    paddingTB?: number;
+    paddingLR?: number;
+    fontsize?: number;
+    textAlign?: string;
+    fontColor?: string;
+    backGroundColor?: string;
+    otherStyles?: Array<string>;
+    ImgShadow?: boolean;
+    Position?: string;
+    value?: string;
+}
+export declare const Slider: React.NamedExoticComponent<SwiperType>;
+export {};

package/dist/components/basic/Slider/item.d.ts

@@ -0,0 +1,6 @@
+import { itemType } from './index';
+export declare const Items: import("react").MemoExoticComponent<({ item, position, direction }: {
+    item: itemType;
+    position: string;
+    direction: string;
+}) => import("react/jsx-runtime").JSX.Element>;