feat: first commit

src/components/slogan/index.less

@@ -0,0 +1,33 @@
+@import '@/styles/common.less';
+@import '@/styles/variables.less';
+
+.app-slogan {
+  position: fixed;
+  left: 0;
+  right: 0;
+  // tab-bar 110px, 边距 64px
+  bottom: 174px;
+  .flex-column();
+
+  &__content {
+    .flex-row();
+    justify-content: center;
+  }
+
+  &__icon {
+    width: 104px;
+    height: 48px;
+  }
+
+  &__slogan {
+    font-size: 24px;
+    line-height: 32px;
+    font-weight: 400;
+    color: @blColorG2;
+    margin-top: 8px;
+  }
+
+  &__protocol {
+    margin-top: 20px;
+  }
+}

src/components/slogan/index.tsx

@@ -0,0 +1,29 @@
+import { Image } from '@tarojs/components';
+
+import classNames from 'classnames';
+
+import { ProtocolPrivacy } from '@/components/protocol-privacy';
+import SafeBottomPadding from '@/components/safe-bottom-padding';
+
+import './index.less';
+
+interface IProps {
+  className?: string;
+}
+
+const PREFIX = 'app-slogan';
+
+function Slogan(props: IProps) {
+  return (
+    <div className={classNames(PREFIX, props.className)}>
+      <div className={`${PREFIX}__content`}>
+        <Image className={`${PREFIX}__icon`} mode="aspectFit" src={require('@/statics/svg/slogan.svg')} />
+        <div className={`${PREFIX}__slogan`}>｜每天推荐海量高薪通告 </div>
+      </div>
+      <ProtocolPrivacy className={`${PREFIX}__protocol`} divider />
+      <SafeBottomPadding />
+    </div>
+  );
+}
+
+export default Slogan;