import { View, Text, Image, Button, Icon } from "@tarojs/components";
import { useLoad } from "@tarojs/taro";
import Taro from "@tarojs/taro";
import {
  AtAvatar,
  AtTag,
  AtIcon,
  AtTabBar,
  AtButton,
  AtAccordion,
  AtList,
  AtListItem,
  AtDivider,
} from "taro-ui";
import "./index.scss";
import beijing from "@/images/city/beijing.jpg";
import guangzhou from "@/images/city/guangzhou.jpg";
import shanghai from "@/images/city/shanghai.jpg";
import shenzhen from "@/images/city/shenzhen.jpg";
import touxiang from "@/images/index/touxiang.jpg";
import TabbarCom from "@/componments/TabbarCom";
import remotework from "@/images/index/remotework.jpg";

import { useEffect, useState } from "react";
const RemoteJob = () => {
  const [open, setopen] = useState(false);

  return (
    <View
      className="RemoteJob"
      style={
        {
          // backgroundImage: `url(${remotework})`,
          // backgroundRepeat:"no-repeat",
          // backgroundColor: "yellow",
        }
      }
    >
      <Image
        style={{
          width: "100%",
          height: "100%",
          background: " #fff",
          borderRadius: "10px",
        }}
        mode="scaleToFill"
        src={remotework}
      />
      <View className="ReContent">  <View>远程工作职位</View>
      <AtDivider content="" />
      <View>1. 设计师</View>
      <View>2. 开发工程师</View>
      <View>3. 社交媒体营销</View>
      <View>4. 电商运营</View></View>
    
    </View>
  );
};

export default RemoteJob;
